CSS样式

来源:互联网 发布:福建广电网络机顶盒 编辑:程序博客网 时间:2024/06/07 11:41

CSS样式

CSS语法规则

语法规则

常用选择器及各自使用

标签样式选择器

p{color:red}<p>我是一个段落</p>

显示效果

我是一个段落

ID样式选择器

#first{color:yellow;}<p id="first">我是一个段落</p>

显示效果

我是一个段落

类样式选择器

.first{color:blue}<p class="first">我是一个段落</p>

显示效果

我是一个段落

网页中如何引用CSS

内部样式表

<head><style>.first{color:blue}</style><head>

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head><link rel="stylesheet" href="此处填写链接css的路径"></head>

内联样式表

<p style="color: red;>这是一个红色的段落</p>

显示效果

这是一个红色的段落

文本和字体、超链接、背景

文本和字体

font-size       设置字体大小color           设置字体颜色text-align      设置文本对齐方式font-family     规定元素的字体系列font-style      设置字体样式

超链接

a:hover             伪类选择器text-decoration     设置下划线cursor              设置鼠标形状

背景

p {background-color: gray;}
原创粉丝点击