HTML与CSS学习⼼得
⼀、 HTML标签的学习
标签的分类：
1、块级元素：div / h / form / p / ul / ol / table /address
①元素独⾃占⼀⾏，默认宽⾼为⽗元素的100%
②元素宽⾼，内外边距可以控制，设置了宽度还是独占⼀⾏。
③可以包含块级元素与⾏内元素
2、⾏内元素：span / a / label / i
①默认与其他元素占⼀⾏，宽⾼⼤⼩与其内容有关
②宽⾼不可设置，对于margin设置左右有效，上下⽆效，设置padding有效
③只能包含⽂字、⾏内元素、⾏内块元素
3、⾏内块元素：img / input
①不⾃动换⾏，与其他多个元素占⼀⾏
②宽⾼可以设置
css 属性选择器三者之间的转换使⽤display属性：
①转为块级元素⽤display:block;
②转化成⾏内元素display:inline;
③转化成⾏内块元素display:inline-block;
⼆、H5新增了⼀些元素标签让HTML更具有语义化。
HTML语义化的理解是：去掉或丢失样式的时候，能让页⾯呈现完整的结构。
⼆、CSS的学习
1、CSS选择器及其权重
CSS基础选择器有：class类选择器，id选择器，标签选择器，通配符选择器(*)，属性选择器，结构伪类选择器，伪元素选择器
复合选择器有：后代选择器，⼦选择器，并集选择器，伪类选择器
选择器的权重值： !important  10000 > 内联样式(style) 1000 > id选择器 100>class选择器/属性选择器/伪类选择器 10 >通配符选择器或者继承  0
2、CSS中超链接访问过后就不在有hover样式，怎么解决？
解决⽅法：改变CSS属性的书写顺序：
link => visited => hover => active

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。