不仅在牛腩新闻发布系统中不断地运用着CSS,并且在北大青鸟中也在不断地重复上演着相同的故事,到底这是一个什么样的东西呢?下面我们就来揭开这层神秘的面。
l 什么是CSS?
² 定义
CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示HTML 元素,样式通常存储在样式表中;主要的特点是:解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中。
² 那么如何实现内容与表现的分离呢?
我们可以新建一个样式表,在相应的HTML文件中添加相应的标签,那么就可以实现相应的样式设计之后将生成的样式表,之后将其拖进相应的HTML中即可。如下图
所有的设计都只需要在CSS文件实现即可
样式设计遵循Css选择器的优先级,主要分为ID选择器,类选择题以及其他的HTML标签选择器,其中他们的优先级是ID选择器>类选择题>HTML标签选择器。
多个类的选择与在网页中写的顺序无关,而与其在css样式中排列的顺序有关,总是执行最后一个颜色值。
比如
但是样式中设计如下:
总是执行最后一个颜色值,也就是最后的一个设计样式。
² 核心内容
核心内容包括标准流、盒子模型、浮动以及定 位,http://blog.csdn.net/u010955843/article/details/41412025
大致讲述了前三个,那么定位又是什么呢?
Ø 分为绝对定位和相对定位
相对定位不脱离标准流;但是绝对定位是脱离标准流的。
同样对于栏目二设计之后的前后对照,前者是相对定位,后者是绝对定位。
一、
二、
本来按顺序排列的在绝对定位之后变成了栏目二在最前面了
² 作用
利用CSS可以设计的样式很多,CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,你也可以定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后,以及向某些选择器添加特殊的效果,比如链接。
这些作用可以自己去尝试,给大家一个网站,讲述的CSS,有例子,很详细。http://www.w3school.com.cn/css/index.asp