CSS学习小结

来源：互联网发布：淘宝店铺装修风格大全编辑：程序博客网时间：2024/06/05 07:47

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标签选择器