本人易忘的tips

比较特殊性

行内样式 > ID选择器>  类选择器>  元素选择器>  通配符选择器

a元素的伪类书写顺序 

link > visited > hover > active

继承:

继承(inherit),是指子元素会自动拥有父元素的某些CSS属性

并不是所有CSS属性都可以被子元素继承

可被继承的属性:color font-size font-weight text-align

不可被继承的属性:background-color

inherit  强制继承

堆栈级别 z-index

块级元素

宽高可以自行设置,与内容 无绝对 关系

默认独占一行,与其他元素不能共存一行

对应的css属性是 displayblock

常见的有divph1-h6hrulolpre各种H5新增的语义化标签如 headerfooter

行内元素

宽高不可以设置,设置无效,由内容决定宽高

默认能与其他元素共存一行

对应的css属性是displayinline

常见的行内元素有: aspanstrongIbtd

行内块级元素

宽高可以设置,与内容无绝对关系

默认不独占一行,可与其他元素共存一行

对应的css属性是 displayinline-block

常见的元素:imgtdtablevideoaudio、表单、等

一周学习体会:刚开始布置一些常规流的网页,还是比较轻松 每个div 上下排布就可以了,学到了float 和 position 之后

网页又多了一些布局 可以呈现出更多的效果 还有周中练习的三角形 和 flag 练习 也是新的尝试。但是在周末的三个网页中

遇到了很多的img 和 background img 缩放之后的问题 还有图片拼接 也还不会 刚开始觉得自己网页显示没有问题就行了 

但是 网页需要展示给互联网的每一个用户 所以 需要我们前端工程师来实现这些细节 设定百分比的宽 和 自适应内容的高 

是我做周末三个作业的想法。对于position :relative;的用法有点奇怪 经常会用到负值。每次做完一小块div 疯狂伸缩

测试。遇到一些问题 经常使用div包起来 然后设置div的属性,感觉这些div是多余了,每次写完一个 代码量还是挺多的 感觉

不够简洁 css也是重复累赘 可以更加精简的 可读性一般 设置的名称还是比较合理 别人应该能看懂 周末练习量确实大 但是

在写完第一个之后 剩下两个速度明显有提升 不知道是简单一点 还是有了思路之后 打的更快了 差不多就是这样了 Time!

2019.7.28

tips:学校这些值班老师 真的XXXXXXXXXX (男孩子不能说脏话)

原文地址:https://www.cnblogs.com/ATnTention/p/11261409.html