1.如何将样式表添加到网页中
1.链入外部样式表文件
先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>文档标题</title>
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css"type="text/css">
</head>
2.定义内部样式块对象
在HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
3.内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
4.样式表语法
Selector { property: value }
参数说明:
Selector –选择符
property :value --样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开
2.CSS三种选择器
主要声明不同级别和适应范围的样式
1.类选择器
用于来定义一类可以在同一个页面内重复使用的样式 。定义类选择符时,在自定类的名称前面加一个点号。
2.ID选择器
在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式。ID选择符的应用和类选择符类似,只要把CLASS换成ID即可。将上例中类用ID替代,ID只能在一个页面中出现次,而class可以多次运用. 一般用于一个页面中仅出现一次的容器。例如页面上的导航条(#nav) 页脚(#footer) 主要内容(#mainBody)等等
3.HTML标签选择器
用于最基本的样式定义,比如定义页面整体字体(被body定义font),链接的样式(给a定义颜色,下划线等),列表的符号样式(li定义list-style),段落的间距(给p定义padding或者margin)等等
4.三者的优先级
CSS选择器优先级:ID选择器>类选择器>HTML标签选择器