一、CSS 的三类选择器
1、标记选择器
<style type="text/css">
标记
{
属性:属性值;
…………
}
</style>
2、类别选择器
<style type="text/css">
.class
{
属性:属性值;
…………
}
</style>
在 HTML 中的引用方式:<p class="类别名成">标记内容</p>
3、ID 选择器
<style type="text/css">
#id
{
属性:属性值;
…………
}
</style>
在 HTML 中的引用方式:<p i="id 名成">标记内容</p>
注意:
Id 不允许重复使用。
二、选择器的申明
1、集体申明
body,p,.class,#id
{
属性:属性值;
…………
}
2、嵌套使用
h1 em
{
属性:属性值;
…………
}
在 HTML 中的引用方式:<h1>我们的首都是<em>北京</em></h1>
在嵌套中,em 样式会继承和 h1 的样式,h1 和 em 存在一定的父子关系。
三、CSS 样式表的引用方式
1、嵌套引用
<p style="属性:属性值;……">标记内容</p>
2、内部引用
HTML 中<head></head>中定义并在<body></body>中引用
<style type="text/css">
标记
{
属性:属性值;
…………
}
.class
{
属性:属性值;
…………
}
#id
{
属性:属性值;
…………
}
</style>
3、外部引用
在外部定义*.CSS 文件,在<head></head>标记中引入该文件。
*.CSS 文件
标记
{
属性:属性值;
…………
}
.class
{
属性:属性值;
…………
}
#id
{
属性:属性值;
…………
}
<link href="*.css" rel="stylesheet" type="text/css" />
四、常用 CSS 属性及含义
属性含义属性值
font-family 设置字体宋体
font-size 字体大小 12px
color 颜色#00ff00
font-weight 定义文字 bold
font-style 文字样式 italic
text-decoration 文字装饰 underline
text-transform 文字转换 capital,lowercase
letter-space 字符间距
vertical-align 垂直对齐 middle
border-style 边框样式 solid
border-width 边框宽度 2px
width 宽度 3px
height 高度 4px
float 浮动 left,right
padding 边距(left,right,top,
CSS学习笔记 来自淘豆网m.daumloan.com转载请标明出处.
