HTML与CSS学习心得

一、 HTML标签的学习

标签的分类：

1、块级元素：div / h / form / p / ul / ol / table /address

①元素独自占一行，默认宽高为父元素的100%

②元素宽高，内外边距可以控制，设置了宽度还是独占一行。

③可以包含块级元素与行内元素

2、行内元素：span / a / label / i 

①默认与其他元素占一行，宽高大小与其内容有关

②宽高不可设置，对于margin设置左右有效，上下无效，设置padding有效

③只能包含文字、行内元素、行内块元素

3、行内块元素：img / input

①不自动换行，与其他多个元素占一行

②宽高可以设置

三者之间的转换使用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