当前位置: 首页 > news >正文

css基本操作及使用

CSS 的基本简介


什么是 CSS?

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中,是为了解决内容与表现分别的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

CSS 的基本简介


CSS 实例

一个HTML文档可以显示不同的样式: 查看CSS是如何工作的

样式解决了一个很大的问题

HTML 标签原本被设计为用于定义文档内容,如下实例:

这是一个标题

这是一个段落.


样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和色彩属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个容易的 CSS 文档,外部样式表使你有能力同时转变站点中全部页面的布局和外观。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外制造出样式(Style)。

当代扫瞄器都支持 CSS .

CSS 的基本简介


CSS 样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和色彩属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个容易的 CSS 文档,外部样式表使你有能力同时转变站点中全部页面的布局和外观。


下载打开APP获取全文css基本介绍智能助手辅助快速写作专属:css基本介绍
10W+ 人正在使用
CSS(Cascading Style Sheets)简介
在学CSS之前
学习CSS之前,首先应学会写HTML。如果你对HTML还一无所知,请参见HTML教程。
CSS(Cascading Style Sheets)简介
当初一帮技术人员想出HTML,主要侧重于定义内容,比如<p>表示一个段落,<h1>表示标题,而并没有过多设计HTML的排版和界面效果。
随着Internet的迅猛发展,HTML被广泛应用,上网的人们当然希望网页做得漂亮些,因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题,人们也走了不少弯路,用了一些不好的方法,比如给HTML增加很多的属性结果将代码变得很臃肿,将文本变成图片,过多利用Table来排版,用空白的图片表示白色的空间等。直到CSS出现。
CSS可算是网页设计的一个突破,它解决了网页界面排版的难题。可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。
展开全文css基本介绍AI帮写PPT,1分钟生成大纲,多种风格模板任选,免费体验
10W+ 人正在使用
CSS-------- Cascading Style Sheet 层叠样式表
CSS是页面排版样式标准,它控制文本格式。简单、灵活、易学的工具。
语法结构:选择符、样式属性和值。
格式:  选择符{ 样式属性1:取值; 样式属性2:取值; 样式属性31:取值 }
说明:选择符(selector)-----这组样式编码所要针对的对象,可以是标记,如body,也可以是定义了特定id或class的标记,如 #main选择符表示选择<div id=main>.
属性(property)-------样式控制的核心.如:颜色、大小、定位、浮动方式等.
值(value)--------------指属性的取值.如:范围的值;具体数值。
 

相关文章:

  • Go语言-切片底层探索 —— 补充篇:切片和底层数组到底是什么关系?
  • 2024年上半年高级信息系统项目管理师考后总结
  • 以字节为单位管理文件系统
  • 961题库 北航计算机 组成原理选择题 附答案 选择题形式
  • 将 py 文件编译成 pyd 文件
  • WHAT - Typescript 中 structural-type-system 结构类型系统
  • Harmony os Next——Ble蓝牙模块
  • Linux 自动化升级Jar程序,指定Jar程序版本进行部署脚本
  • 【银角大王——Django课程——Ajax请求】
  • FJSP:波搜索算法(WSA)求解柔性作业车间调度问题(FJSP),提供MATLAB代码
  • 压测工具sysbench
  • 性能监控计算——封装带性能计算并上报的npm包(第三章)
  • 【TIPs】 Visual Stadio 2019 中本地误使用“git的重置 - 删除更改 -- hard”后,如何恢复?
  • 初识SDN
  • python-数据可视化(总)
  • Codepen 每日精选(2018-3-25)
  • ES6之路之模块详解
  • JavaScript标准库系列——Math对象和Date对象(二)
  • JavaScript对象详解
  • java小心机(3)| 浅析finalize()
  • node.js
  • React+TypeScript入门
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • 大数据与云计算学习:数据分析(二)
  • 可能是历史上最全的CC0版权可以免费商用的图片网站
  • 使用API自动生成工具优化前端工作流
  • 使用Gradle第一次构建Java程序
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 用Canvas画一棵二叉树
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • Mac 上flink的安装与启动
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • ​RecSys 2022 | 面向人岗匹配的双向选择偏好建模
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • # linux从入门到精通(三)
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • #我与Java虚拟机的故事#连载02:“小蓝”陪伴的日日夜夜
  • #预处理和函数的对比以及条件编译
  • (1)svelte 教程:hello world
  • (2022版)一套教程搞定k8s安装到实战 | RBAC
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (C#)获取字符编码的类
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统
  • (接上一篇)前端弄一个变量实现点击次数在前端页面实时更新
  • (算法)区间调度问题
  • (转)JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
  • (转)Mysql的优化设置
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • .bat批处理出现中文乱码的情况
  • .NET 8 编写 LiteDB vs SQLite 数据库 CRUD 接口性能测试(准备篇)
  • .NET 8 中引入新的 IHostedLifecycleService 接口 实现定时任务