一、块状标签
<div></div>
<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
<p></p>  paragraph
<br/>
<ol></ol>  ordered lists
<ul></ul> unordered lists
<li></li>  list
<dl></dl>  definition lists
<dt></dt> definition title
<dd></dd>  definition description
<table></table>
<tr></tr>  table row
<th></th>  table header cell
<td></td>  table data cell
<form></form>
二、行内标签
<span></span>
<strong></strong>
<var></var>  variable
<em></em>  emphasis
<a></a>
<img/>
css样式表优先级最高<textarea></textarea>
<select></select>
<option></option>
<input/>
三、备注：
1、div 和span 都是无意义标签。div是布局用的块属性，span 是行内标签是放文字。div是唯一一个可以为空的标签。
2、input是唯一一个可以设宽高的行内标签。img 也可以高宽度，但实际不希望给他标签，为了与程序配合一般都在img标签时写宽高
3、textarea也是可以加宽高的，直接使用css的 width 和 height 属性设置宽高。
4、strong 行内标签是加粗    在seo中讲到优化里用strong 标签是比较友好的
四、css 四种引入方式
1、引入外部CSS文件
<link href="css/index.css" rel="stylesheet" type="text/css" />
2、在head部分加入CSS
在head部分加入 <style type="text/CSS"></style>标签，CSS代码就写在其标签中。
3、在标签内直接写CSS
<div ></div>
4、使用@import引入CSS
在head部分加入 <style type="text/CSS">@import url(my.CSS);</style>
type 是表明文件类型
@import  用来在CSS内部引用其他CSS文件。另外，@important本身是一个CSS命令，是放在CSS文件里的
url  表明外部CSS的连接地址
五、CSS选择器及优先级
1、标签名选择器
标签名选择器是直接拿标签的名字做选择器，这样覆盖性太强建议不要直接使用。
2、id选择器
ID选择器跟类选择器最大的不同就是一个页面内不能出现相同的ID    ID选择器重用性低，尽量少用。
3、class选择器
一个class中可以有多个class名，  class==“a b”。定义class 的方式是前端开发最常用的选择器，可以给不同的标签设置同一个类，从而用一条CSS命令控制几个标签，减少大量代码。
4、后代选择器
当仅仅想对某个对象进行样式指定时，后代选择器就派上了用场。后代选择器实际上是使用多个选择器的组合来到具体的要控制标签      .class  a {}
5、主选择器
组选择器实际上是对CSS的一种简化写法，是把具有有相同CSS样式的不同选择器放在一起，省了很多代码。不同选择器中间用逗号隔开。.class1,.class2 {}
6、

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