css基础知识之标签分类

html-css033

css基础知识之标签分类,第1张

按照显示方式分为块元素 、行内元素和行内块元素(内联元素)

典型代表,Div,h1-h6,p,ul,li

特点:

典型代表 span ,a, ,strong , em, del, ins

特点:

典型代表 input img

特点:

1.块元素转行内元素

display:inline

2.行内元素转块元素

display:block

3.块和行内元素转行内块元素

display:inline-block

属性:通过属性的复杂叠加才能做出漂亮的网页。

选择器:通过选择器找到对应的标签设置样式

标签选择器:就是用标签名来当选择器

1>所有的标签都能做选择器,例如:div、p、 ul、 li、 a、 span、body等等

2>不管这个标签藏的多深,都能够被选择上。

3>选择的整个界面所有的标签,而不是某个,是共性而不是特性

比如说火狐浏览器中的 li 里面所有的 a 标签去掉下划线

# 表示选择 id 选择器

1>任何标签都可以有 id ,命名方式要以字母开头,区分大小写

2>同一页面内 id 不可重复,即使是不一样的标签,也不允许相同的 id

. 表示类选择器 与 id 选择器类似,但是类选择器可以重复,比如说很多标签都有 aa 这个类

css里面用 . 来表示类

同一标签,可能同时属于多个类,用空格隔开.说明 div 同时属于 bb 和 cc 类

<div class = @"bb cc">我是bbcc</div>

错误方式:

<div class = @"bb" class="cc">我是bbcc</div>

思路:提供公共类,再根据相应的类名,去设置相应的样式。

在根据每个标签,去选取自己想要的类。

css+div常用标签有:

1.

在制作导航或者是列表的时候一般用的到的有:ul、li、a、font(size、color、family~),img标签也有会用到,background这个标签的属性也是要的;

2.

在处理定位的时候,position这个元素也是要的,float属性,用的也很多,还有就是width,height对于各个块的定义;

3.

在处理文字的文字的时候:有h,span,p这些都是常用的,,当然还有很多,这里只是一些我们会经常用到的。