码迷,mamicode.com
首页 > 其他好文 > 详细

样式表

时间:2018-06-17 19:50:22      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:first   TE   修改   使用   元素   一个   text   声明   html4   

html5之前的html4这些版本都是html和css写在一起,都写在html中的,这样一来就会显的代码臃肿和无法复用

html5的样式表一共是有4种的,但是第四种现在已经基本不用了,所以在这里主要介绍以下3种:

1.外部样式表

所谓的外部样式表就是将css代码写在一个独立的文件中,用link标签来进行引用

也就是html5说的css与html相互独立

2.内部样式表

内部样式表就是将css代码写在html中,用<style type="text/css">元素{}</style>来添加样式,style标签通常写在head中,方便检阅和修改

在某些时候可以提升效率(比如测试时)

3.行内样式表

行内样式表是指将css代码写在某个元素开始标签的style属性中,这样会减少选择器的使用

在某些时候可以提升效率(比如测试时)

 

这里提到的选择器大致分3类:

1.元素选择器  

    标记名{声明块}    <p>元素内容</p>                        p{}

2.类选择器

    .类名{声明块}    <p class="first">元素内容</p>      .first{}

3.id选择器(id值唯一)

    #id值{声明块}    <P id="second">元素内容</p>      #second{}

样式表

标签:first   TE   修改   使用   元素   一个   text   声明   html4   

原文地址:https://www.cnblogs.com/qlongbg/p/9193503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!