比较特殊性
行内样式 > ID选择器> 类选择器> 元素选择器> 通配符选择器
a元素的伪类书写顺序
link > visited > hover > active
继承:
继承(inherit),是指子元素会自动拥有父元素的某些CSS属性
并不是所有CSS属性都可以被子元素继承
可被继承的属性:color font-size font-weight text-align
不可被继承的属性:background-color
inherit 强制继承
堆栈级别 z-index
块级元素
宽高可以自行设置,与内容 无绝对 关系
默认独占一行,与其他元素不能共存一行
对应的css属性是 display:block
常见的有div、p、h1-h6、hr、ul、ol、pre各种H5新增的语义化标签如 header、footer
行内元素
宽高不可以设置,设置无效,由内容决定宽高
默认能与其他元素共存一行
对应的css属性是display:inline
常见的行内元素有: a、span、strong、I、b、td
行内块级元素
宽高可以设置,与内容无绝对关系
默认不独占一行,可与其他元素共存一行
对应的css属性是 display:inline-block
常见的元素:img、td、table、video、audio、表单、等
一周学习体会:刚开始布置一些常规流的网页,还是比较轻松 每个div 上下排布就可以了,学到了float 和 position 之后
网页又多了一些布局 可以呈现出更多的效果 还有周中练习的三角形 和 flag 练习 也是新的尝试。但是在周末的三个网页中
遇到了很多的img 和 background img 缩放之后的问题 还有图片拼接 也还不会 刚开始觉得自己网页显示没有问题就行了
但是 网页需要展示给互联网的每一个用户 所以 需要我们前端工程师来实现这些细节 设定百分比的宽 和 自适应内容的高
是我做周末三个作业的想法。对于position :relative;的用法有点奇怪 经常会用到负值。每次做完一小块div 疯狂伸缩
测试。遇到一些问题 经常使用div包起来 然后设置div的属性,感觉这些div是多余了,每次写完一个 代码量还是挺多的 感觉
不够简洁 css也是重复累赘 可以更加精简的 可读性一般 设置的名称还是比较合理 别人应该能看懂 周末练习量确实大 但是
在写完第一个之后 剩下两个速度明显有提升 不知道是简单一点 还是有了思路之后 打的更快了 差不多就是这样了 Time!
2019.7.28
tips:学校这些值班老师 真的XXXXXXXXXX (男孩子不能说脏话)