码迷,mamicode.com
首页 > Web开发 > 详细

css

时间:2020-06-27 11:23:46      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:速度   规则   基于   共享   层次选择器   div   head   建议   属性选择器   

css的优势:

内容与表现分离
网页的表现统一,容易修改
丰富的样式,使得页面布局更加灵活
减少网页的代码量,增加网页的浏览速度,节省网络带宽
运用独立于页面的CSS,有利于网页被搜索引擎收录

 

css语法规则:使用<style>标签引入css样式

<style type="text/css">
h1{
  font-size: 12px;
  color: yellow;
}
</style>
 
CSS的最后一条声明后的“;”可写可不写,但是,基于W3C标准规范考虑,建议最后一条声明的结束“;” 都要写上

 

Html中引用css样式:

行内样式

<!--行内样式
    使用style属性引入css样式-->
    <h1 style="color: red;">style属性的应用</h1>
    <p style="font-size: 14px; color: yellow;">直接在HTML标签中设置的样式</p>

 

内部样式

<!--内部样式表
    css代码写在<head>的<stvle>标签中-->
       <style>
         h1{color:red);}
       </style>
 
优点方便在同页面中修改样式
缺点不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底

 

外部样式

3种样式的优先级:

行内样式>内部样式表>外部样式表,就近原则

 

css选择器:

基本选择器:标签选择器,类选择器,ID选择器

高级选择器:层次选择器,结构伪类选择器,属性选择器。。。

 

 

技术图片

 

css

标签:速度   规则   基于   共享   层次选择器   div   head   建议   属性选择器   

原文地址:https://www.cnblogs.com/zl225/p/13197444.html

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