youkooo的博客

由于网站上的免费DW教程看完了于是这周本人转战慕课复习html和css，为后面JavaScript的学习做下准备。 其实之前多多少少学了些DW的技术以后就开始把DW的一些操作和html标签对应起来了，虽然我比较喜欢直接操作软件实现效果但是有些特效是必须要敲代码的，有时候一些琐碎的结构调整也是明显直接改代码来得快，退一万步就算是检查一下网页也要看懂自己写了些啥，所以这一次就整理一下标签和软件操作的

接上周，继续复习CSS CSS主要是对网页样式的修改，比如字体大小颜色的设置等等，也可以通过一些标签起到批量修改的效果，css样式由选择符和声明组成，声明又由属性和值组成。如p{font-size:20px;color:red;}，是将网页中所有段的字体大小变为20px，颜色变为红色。在之后对整段进行修改，也可以在想要改变样式的文字前插入标签。 CSS标签的插入分为内联式、嵌入式和外部式三种，

在盒模型中，边距是可以自行设定的，然而我们也可以用一些缩写来节省带宽。缩写规则为：如果上、下、左、右的边距都相等，则可以直接缩写为：margin:npx;  如果上边距和下边距相同、左边距和右边距相同，则可以折叠，书写顺序为顺时针，上右下左。 颜色值也可以缩写，规则为如果每两位的值相同，则可以缩写一半。字体缩写就是把各种设定全缩写到font里……除了font-size和line-height之间

这周开始学习CSS的继承、层叠和特殊性。 CSS的某些样式是具有继承性的，继承性就是一个样式不仅应用于某个特定的html元素，还应用于其后代。比如color，设定的颜色以后段落里的标签也会变成相同的颜色，是为继承，但给我的这种感觉比较像覆盖……然后有些就不能继承，比如边框，一段就只会框起一段。 假如一次性设置了多个样式，那最后显示的结果听谁的就涉及到一个权值的问题，规则是 标签   权

本周学习了CSS样式设置的一些小技巧，在此继续总结。 居中：文字、图片等的居中是通过给父元素设置text-align:center来达到的，比如给块级元素div加上这一行就可以实现让块中元素居中的效果。 但当想要居中的元素本身是块级元素时就不可以用text-align:center，如果元素是定宽块级元素就要通过设置左右margin值为auto，而不定宽块级元素有三种方法可以令其居中： 1、

本周学到CSS盒模型，设置CSS块级元素的时候可以将最外边界看做一个盒子，而我们设置的边界（border）则可以看做盒中的内容物，盒子到边界之间的距离是margin，边界之内的距离是padding，即填充距离，一个元素的真实大小=margin+border+padding+width，块状元素如果不设置宽度则自动显示为父元素容器的100%，元素的宽度、高度、行高、顶边距和底边距都可以设置，每个块级