个人前端学习要记-html，css（11，web开发实例教程

15.xhtml的DTD三种 strict，transition，frameset。

16.要闭合<hr /> <br /> <img />

17.xhtml结构化，语意用id或class。id唯一性，class可以用于多个同类。

18.font-size 结合外面百分比里面em使用可以达到大小随比例改变 默认情况下文本大小1em=16px 当然该要看父元素

19. a：link→a：visited→a：hover→a：active，未访问，已访问，悬停，正被点击。顺序除了前两个可以互换位置，都固定

20.盒模型element，padding，border，margin。其中margin可以为负值可以容纳其他元素

21.属性选择器

～=“xxx” 判断以xxx开头后面接空格

^=“xxx” 以xxx开头的所有元素

$=“xxx” 以def结尾的所有元素

*=“xxx” 包含xxx的所有元素

|=“xxx” 以xxx开头后面接-的元素

后代选择器用. （子孙继承）

子元素选择器用> （只有儿子继承）

相邻兄弟用+ 只有+后面应用样式

22.伪类和伪元素

伪类存在的意义是为了通过选择器，格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。

通过上面的概念我们知道了伪类的功能有两种：

a.格式化DOM树以外的信息。比如： < a> 标签的:link、:visited 等。这些信息不存在于DOM树中。

b.不能被常规CSS选择器获取到的信息。比如：要获取第一个子元素，我们无法用常规的CSS选择器获取，但可以通过 :first-child 来获取到。

伪元素可以创建一些文档语言无法创建的虚拟元素。比如：文档语言没有一种机制可以描述元素内容的第一个字母或第一行，但伪元素可以做到(::first-letter、::first-line)。同时，伪元素还可以创建源文档不存在的内容，比如使用 ::before 或 ::after。

参考：https://www.jianshu.com/p/996d021bced3

23.css3中很多属性要前缀，比如transform

比如有些在chrome和safari要加-webkit-
ie9加-ms-，firefox要加-moz-，Opera要加-o-
24.讲2d转换 matrix方法
https://blog.csdn.net/weixin_42103959/article/details/81044389
25.css3中resize属性可以规定能否由用户调整尺寸

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

net/topics/618166371)**

[外链图片转存中…(img-zx3kctvY-1710710912082)]