一、加入样式表到HTML文档
1、内联样式
2、内嵌样式
3、外部样式
4、样式表适用的环境
所有流行的浏览器都支持最普通的media属性。该属性可以应用到元素中来确定样式表适用的环境。比如:
说明样式表适用于手持设备。media支持的属性值有screen,print,all等
二、样式表的语法
CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
基本格式如下:
selector {property: value} ,多个属性/值对必须由分号隔开。
选择符可以是多种形式:
1、要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:
body {color: black}
2、类选择符,以点号开头,比如
.right {text-align: right}
应用类选择符到标记
在标记的class属性中填入类的名称,注意不要点号。如:
3、ID选择符
在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式,样式只应用于ID参数指定的元素。例如:
这个段落向右对齐
将ID和选择器结合
h2#title{
}
标识应用于ID属性为title的h2标记
4、选择符组
你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:
h1, h2, h3, h4, h5, h6 { color: green }
5、包含选择符
可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义,
table a
{
font-size: 12px
}
三、样式表层叠
样式表层叠指可以将多个样式表应用到同一个页面元素,该元素展现所有应用的样式,对于多个样式表中重复定义的部分,高层样式将覆盖低层样式。最高层的样式是内联样式,其次是内嵌式样式,最后是外部样式。可以使用内联或内嵌式样式表覆盖外部定义的样式表。
对于外部定义的样式表,按照加入的顺序层次逐渐变高,最有加入的外部样式表在外部样式中具有最高的层次。
比如,依次加入如下样式表:
茶杯头甜蜜终章dlc 官方手机版v1.0.0.3
下载火柴人传说暗影格斗内置菜单 最新版v3.0.1
下载荒野乱斗测试服 安卓版v61.10.3
下载荒野乱斗彩虹服 安卓版v61.10.3
下载寒霜启示录 安卓版v1.25.10
寒霜启示录是一款生存模拟游戏,不少玩家可能对于末日都有着自己
末日城堡免广告版 安卓最新版v0.7.1
末日城堡免广告版是一款非常好玩的模拟经营类游戏,内部可以不看
甜蜜人生模拟器 最新版v1.4.5
甜蜜人生模拟器是一款非常好玩的模拟恋爱手游,玩家在这里能够对
武器锻造师内置功能菜单 v10.4
武器锻造师内置菜单版是游戏的破解版本,在该版本中为玩家提供了
开放空间overfield 安卓版v1.0.5
开放空间Overfield是一款箱庭养成经营手游,让你在广阔