您的位置：首页 > Web前端 > CSS

CSS干货系列（一）基本语法

2017-01-08 20:29 363 查看
手机壳新花样

 

CSS 指层叠样式表 (Cascading Style Sheets)

1.层叠次序

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4） 拥有最高的优先权。

1）浏览器缺省设置

2）外部样式表

3）内部样式表（位于 <head> 标签内部）

4）内联样式（在 HTML 元素内部）

可以理解为靠近元素的样式将会显示。

2.值与分组

值的不同写法：英文单词 red，等于 十六进制的颜色值 #ff0000。

如果值为若干单词，则要给值加引号。

CSS大小写不敏感，但选择器中的类名、ID大小写敏感；注意空格影响的效果，属性值与单位之间不要留空格。

选择器分组用逗号分隔比如：h1,h2,h3,h4,h5,h6 { color: green;  }

3.继承

子元素将继承父元素属性，如果子元素想要与父元素不一致，则单独为子元素定义样式，即可不继承父元素的样式。

4.选择器概况

一般来说，id 选择器常常用于建立派生选择器，结合其他选择器一起完成样式。

类名的第一个字符不能是数字，因为无法在 Mozilla 或 Firefox 中起作用。

属性选择器，比如，[href]为带有href属性的元素设置样式。

5.插入样式表

外部样式：在<head>中插入<link rel="stylesheet"type="text/css" href="yourname.css" />

内部样式：在<head>中插入<style type="text/css">yourcss </style>

内联样式：在需要使用样式的元素中插入属性 style="yourcss"

问券价

 

问券优惠

 

 

参考：

1.w3cschool的css学习文档
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css html cascading
相关文章推荐
新的分享
章节导航