CSS(一)— 样式表入门
来源:互联网 发布:shopex erp源码 编辑:程序博客网 时间:2024/05/17 21:50
什么是 CSS
CSS(Cascading Style Sheets,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的可标记性语言,用于控制Web页面的外观。通过使用CSS样式控制页面各元素的属性显示,可将页面的内容与表现形式进行分离。
利用CSS可以实现修改一个小的样式更新与之相关的所有元素。
发展历程
从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。
1994年,W3C组织(World WideWeb Consortium)成立,CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准,层叠样式表的开发终于走上正轨。有越来越多的成员参与其中,例如微软公司的托马斯·莱尔顿(Thomas Reaxdon),他的努力最终令Internet Explorer浏览器支持CSS标准。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底,CSS初稿已经完成,1994年12月,层叠样式表的第一份正式标准(Cascading style Sheets Level 1)完成,成为w3c的推荐标准。
1997年初,W3C组织负责CSS的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了1998年5月出版的CSS规范第二版。—>《百度百科》
发展历史
CSS1–>CSS2(添加了对媒体和可下载字体的支持)–>CSS3(划分为更小的模块)
工作环境
- CSS显示环境 — 浏览器
- CSS编辑环境 — 记事本、Dreamweaver、webstorm等,由于CSS也是文本文件,因此任何文本编辑器都可以进行开发。
CSS优势
- 避免使用多余的HTML代码,减少代码量。
- 缩短更新和维护的时间。
- 做出HTML实现不了的特效。
CSS编写规范
- 选择器(selector):所谓选择器就是规则中用于选择文档中要应用样式的那些元素。该元素可以是HTML中的某个标签,也可以是页面中指定的class(类)或者id属性限定的标记(图片中便是用的id)。
- 声明:声明包含在一对大括号”{}”内,用于告诉浏览器如何渲染页面中与选择器相匹配的对象。声明内部由属性及其属性值组成,并用冒号隔开,以分号结束,声明的形式可以是一个或者多个属性的结合。
- 属性(property):属性是由官方CSS规范约定的,而不是自行定义的,除个别浏览器私有属性以外。
- 属性值(value):属性值放置在属性名和冒号后面,具体内容跟随属性的类别而呈现不同的形式,一般包括数值、单位以及关键字。
.text{color:red;font-size:20px}
CSS注释
- 结构性注释
/*我是结构性注释*/
- 提示性注释
h2{ color: red;/*颜色为红色*/}
- CSS(一)— 样式表入门
- CSS样式表入门
- css样式(一)
- CSS样式(一)
- CSS样式(一)
- web学习—css样式表—应用(一)
- CSS 中文字体样式表(表一)
- CSS层叠样式表(一)
- CSS样式表学习一
- css 层叠样式表(一)
- css样式*语法(一)
- bootstrap css样式(一)
- web学习—css样式表—css属性(一)
- web学习—css样式表—css语法(一)
- Css入门(一)
- css入门(一)
- BS开发入门——CSS(层叠样式表)名称含义
- html css 层叠样式表入门介绍
- 狼粪 脉诊,动量检测动量,数学,工程学,心脏程序,负荷
- hibernate_映射枚举类型(Enum)
- 我走过你的窗前
- iOS 11正式版开始升级 几百万人的饭碗就这样被砸了!
- 用monkey脚本看自己的博文
- CSS(一)— 样式表入门
- java中函数覆盖(即重写override),子类的返回类型一定要和父类一样吗?
- 从MyEclipse到IntelliJ IDEA
- 手机管家iPhoneX的适配总结
- Mac下的几个好用的辅助工具
- 解决定时任务中中文乱码问题
- Rxjava2源码解析超详细~~~
- 小白Java进阶之路
- 在 Android Studio 2.2 中愉快地使用 C/C++