1、text-align属性只能作用于块元素,并且块元素内所有的内联元素均有作用。该属性不能直接作用于内联元素。 2、width属性是设置内容区的宽度,不包括内边距,边框,外边距。总宽度数值等于内容宽度(即width值)加上俩个内边距,两个边框,两个外边距。 3、div属性的内边距默认值为零。 4、在盒模型中添加内边距、边框、外边距时先整体设置属性值,在对特殊的元素设置,后设置的属性会覆盖原来的属性。若设置某个元素背影颜色,该颜色能够设计到该元素盒模型中的内边距,不影响外边距。 5、css修改属性时,考虑标签的树级结构,考虑元素属性的继承问题。 6、颜色设置rgb 红绿蓝,可以有四种设置格式,其一使用数值(0-255),其二使用百分比(0-100%,其100%为255),其三使用十六进制(例如#aabbcc),其四使用red,black等。 7、字体大小设置,考虑继承问题。首先设置body元素中字体大小,之后在其字元素中设置时使用百分比(150%)或者倍数(1.5em) 8、伪类:像类一样为指定的分组设定样式,但是没有在html中真正输入伪类,例如a:hover , a:visited, a:link,具体调用伪类的是浏览器,当点击连接时,浏览器就调用a:visited类。伪类元素不仅仅限于:hover等,还有:focus, :first-child,:last-child。 9、并不是所有属性都能继承,比如边框属性,不过能够继承的属性如color,font-family,line-height等,浏览器会查看这个元素的祖先,从父元素开始,尝试找到这个属性值,若找到则就是你要使用的属性,若找不到则使用浏览器默认属性值。
10、代码:https://github.com/tamir2017/starbuzz/tree/master/starbuzz/chapter10/lounge