通过牛腩新闻发布系统,接触了CSS,也感受到了它在做Web前台开发时简单方便易更改的优点。
尤其是后边对于CSS盒子的学习和认识,更加让人体会到网页设计和很多事物一样蕴含着深刻的思想和设计技巧,融于生活,表现生活。
本篇文章主要是对CSS内容概况的一些个人理解。
CSS,即级联样式表。它真正做到了使网页表现层与内容分离的一种样式设计语言,做到了代码控制界面,简单易修改的解耦效果。
通过CSS,我们可以精确控制对象位置精确到像素级,还可以随心设计对象样式和风格,达到最优的美观度。
下面是CSS的一些特点。
1、选择器与优先级。
选择器这里介绍ID选择器和类选择器。
ID选择器我们可以这样理解:我们给某个对象赋值了一个唯一ID,我们就可以通过这个ID来控制这个对象了。就像通过ID号来操作数据库一样。 ID选择器一“#”来定义。
类选择器:我们创建一个类,为它制定一个类名,然后我们就可以通过这个类名统一管理这个类了。这个类可以包含很多具体的对象。
当然,在类选择器中我们也可以做到某些对象的特殊化,因为普遍与特殊永远是不能分开的。比如对象“小苹果”,我们可以设置“苹”的特殊颜色等等。
优先级指的是CSS样式在浏览器中的执行顺序,其实也就是代码执行的先后顺序。
一般来说是顺序执行,但有时候代码中会发生冲突。如在一个类中包含对象a,我们既在代码中写明了整个类中的对象都显示红色,又写明了a要显示黄色,这样就需要优先级来解决了。
CSS中优先级:ID选择器,类选择器,HTML。
更具体的划分,参见百度百科(http://baike.baidu.com/view/939547.htm):内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 > 类别(type),伪对象(pseudo-element)
2、核心
CSS的核心其实就是对CSS盒子的使用,包括标准流、模型、浮动、定位等方面的知识,在之后的博客中我会详细介绍,这里就不在赘述了。
3、与CSS+DIV的区别
CSS指级联样式表。
DIV是HTML语言里的一个标签元素,属于布局元素。
DIV+CSS意思我们可以理解为用CSS控制DIV进行布局。
你可以想像DIV就是一个文本或矩形框,而CSS则控制他们在网页的什么地方,以什么样的方式出现等。
就像当前的博客页面就可以看到很多的“框”,你查看此网页的源代码,也会看见很多“DIV”:标签里的 style="属性:属性值;属性:属性值;..." 就是应用到标签的CSS.这是使用CSS的方法之一。
总结:使用CSS+DIV进行网页开发是当前的主流,对于这方面的知识还需要我们对其实现原理充分理解,对CSS盒子进行实践和学习,这样每个人都会成为网页制作高手~