css基础知识复习(10)盒子模型

[image:51FA8EE2-1D3C-4489-92A6-DB6D906B2795-1144-00000144D3498A04/box-model-standard-small.png]
这节来学习css的盒子模型。盒子模型非常重要,是以后我们写页面经常用到的一个知识点。如果盒子模型弄不明白,那你要按照设计图画出一个页面来,恐怕要费很大的力气。
我个人的经验是,掌握不了盒子模型,一个页面布局要花上你预计的三倍以上的时间,如果你要写的和设计图一摸一样的话。
不说废话了,下面进入正题。

详细阅读

css基础知识复习(9)之你知道那行css代码改变了网页样式嘛?

好多时候写完一段css代码,却发现网页的样式没用按照自己设想的那样展示,而是在一个比较不可能的地方,你发现了那一段神奇的代码。
Css就是以这样神奇的方法控制着网页的样式。今天我们就剖开它神秘的面纱,抛弃未想到的神奇代码。一起学习css代码的优先顺序。
究竟哪行代码会影响到你的的样式,其实可以归结为三个词,九个字。记住这九字真言,css的路上,你就不会迷路。1、重要性;2、专用性;3、源代码次序。

详细阅读

css基础知识复习与学习(5)

css的选则器(3)

之前复习了css的简单选择器,包括id选择器,class选择器,标签选择器(也叫元素选择器),通配选择器。属性选择器,属性选择器中又包括含有属性,属性中只有某个值,属性中含有某个值,属性值中的某个部位含有某些字段等几种情况。今天来复习伪类和伪元素选择器。

详细阅读

css基础知识复习与学习(4)

css的选则器(2)
今天继续讲css的选择器。上篇讲了css的简单选择器。包括标签选择器,class选择器,id选择器以及通配选择器*。今天我们来学习新的选择器。
一般情况下,简单选择器基本能够满足日常开发的需求了。但是,学习后面的选择器,能够让我们多点选择,有些地方能够让代码变的更加简洁。同时一些特殊需求,通过后面的这些选择器学习,能够轻易实现。

详细阅读