快速了解CSS
2017-12-17 11:28
429 查看
【前言】前端页面无非就是HTML、CSS和JavaScript还有AJAX显示出来我们想要的效果的,CSS其实就是负责页面的样式,怎么让页面看起来更加好看我们就需要用CSS来控制页面样式了。
2、易于使用和修改,CSS样式表可以将所有的样式声明同意存放,进行统一管理,如果要修改样式,只需要在样式表中找到相应的样式声明进行修改。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4、层叠
层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。举个例子就是我们应用了原来的样式表,但是有一处需要修改我们只需要找到改地方直接在后面写入新的样式即可,因为我们层叠就是默认使用最后一次设置的样式。
5、页面压缩
将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。
【总结】我们知道了这些宏观上的内容之后我们就知道了CSS是怎么进行样式设计的,我们设计自己想要的样式的时候我们就可以去写相应的样式实现了。欢迎大家一起交流学习!
What
层叠样式表(Cascading StyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。Where
CSS和JavaScript一样可以直接写在HTML元素的style属性里面,也可以将其定义在HTML文档的header部分,也可以写在CSS文件里面然后在HTML中引用一下这个文件。不过为了是内容和样式分离和样式的复用我们一般都把CSS样式写在CSS文件中。Why
1、CSS具有丰富的样式定义,提供了风度额文档样式外观,以及设置文本和背景属性的能力;2、易于使用和修改,CSS样式表可以将所有的样式声明同意存放,进行统一管理,如果要修改样式,只需要在样式表中找到相应的样式声明进行修改。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4、层叠
层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。举个例子就是我们应用了原来的样式表,但是有一处需要修改我们只需要找到改地方直接在后面写入新的样式即可,因为我们层叠就是默认使用最后一次设置的样式。
5、页面压缩
将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。
How
1、标记选择器
2、类别选择器
3、ID选择器
【总结】我们知道了这些宏观上的内容之后我们就知道了CSS是怎么进行样式设计的,我们设计自己想要的样式的时候我们就可以去写相应的样式实现了。欢迎大家一起交流学习!
相关文章推荐
- CSS经验分享二,用firebug快速了解网页布局
- 在线快速生成 CSS Sptite 的网站
- 你应该了解的强大CSS表达式 ----- expression
- HTML&CSS 知识点快速入门(一)
- 如何使用Shiro(快速了解Shiro)
- 快速使用CSS 弹性盒子
- 快速了解Android重要机制
- 快速生成CSS--LESS学习总结
- 测试如何快速了解一个产品、需求、任务(海盗派测试分析,KYM)
- 实际项目中,为什么多个css、js文件要实现合并与压缩?(了解了这你才算入门)
- 快速了解Android onMeasure() onLayout()
- 快速了解C#接口(Interface)
- CSS快速学习7:定位锚点
- hotcss.js如何利用sass自动生成css,快速让px转换成rem
- 【前端】一句命令快速合并压缩 JS、CSS
- CSS快速学习10:高度自适应
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- HTML和CSS代码片段快速编写方式(Emmet Documentation)
- CSS快速学习:几种导航条案例
- 快速了解MySQL数据库