<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p> <ol><li><strong>
我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
<li>我是正常的字体。</li> </ol>
在上面的例子中,只有 li 元素中的 strong 元素的样式为斜体字,无需为 strong 元素定义特别的 class 或 id,代码更加简洁。
id 选择器以 "#" 来定义。
下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
#red
{color:red;}#green
{color:green;}
id 选择器和派生选择器
在现代布局中,id 选择器常常用于建立派生选择器。
#sidebar p
{
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
在 CSS 中,类选择器以一个点号显示:
.center
{text-align: center}
属性选择器
下面的例子为带有 title 属性的所有元素设置样式:
[title]
{ color:red; }
比如:
<h1>可以应用样式:</h1> <h2 title="Hello world">Hello world</h2> <a title="W3School" href="http://w3school.com.cn">W3School</a>
就会变红
外部样式表
当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部:
<head> <link
rel="stylesheet" type="text/css" href="mystyle.css
" /> </head>
内部样式表
当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表,就像这样:
<head><style type="text/css">
hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");}</style>
</head>
内联样式
由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。
要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距:
<p style
="color: sienna; margin-left: 20px">
This is a paragraph
</p>
相关推荐
css基础1.html.Qm.apk
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
CSS基础-基础选择器+字体文本相关样式
是设置背景相关属性的一种快捷的综合写法4.5.2 背景属性174.5 CSS的常用属性(5 )单边边框属性4.5.3 CSS边框属性184.5 CSS的常用属性
python 零基础学习篇
CSS1-文字文本样式自学xmind思维导图
DIV+CSS教程——第一天XHTML_CSS基础知识
css样式,很好用好,很不错,可以试试
html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习...
CSS基础知识-1.pdf
CSS核心基础--CSS基础选择器 CSS选择器 什么是CSS选择器? CSS基础选择器 01 CSS基础选择器 要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分被称为选择器。 CSS...
css基础教程,适合新手使用,仅供参考
Html+css基础
css基础知识简介,刚学习css布局的童鞋可以下载看看
css基础样式
书名:CSS基础教程 作者:(英)柯林森 著,刘志忠 等译 来源:人民邮电出版社 出版时间:2007年09月 ISBN:9787115164629 定价:49元 内容介绍: 本书是优秀的CSS 入门书,重点讲述了如何使用CSS 实现基于Web ...
CSS基础-介绍及语法,css入门必备资料
CSS基础教程.rar CSS基础教程.rar CSS基础教程.rar CSS基础教程.rar CSS基础教程.rar CSS基础教程.rar
(1)基础选择器 (i)标签选择器 (ii)类选择器 (iii)id选择器 (iv)通配符选择器 (2)复合选择器 (i)后代选择器 (ii)子代选择器 (iii)并集选择器 (iv)伪类选择器 三、CSS字体属性 (1)字体大小 (2...
css-ppt 为打基础学习的ppt 蛮不错的