原创力文档- 1、本文档共41页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
直接在HTML的标记中使用style属性，然 后将CSS代码直接写在其中。 3.1 行内样式 <html> <head> <title>页面标题</title> </head> <body> <p style=“color:red; text-decoration:underline;" >正文内容1</p> <p style=“color:red; text-decoration:underline;">正文内容2</p> <p style=“font-size:25px; font-weight:bold;">正文内容3</p> </body> </html> 此方式尽量少使用 优选文档 * 将CSS样式写在<head>与</head> 之间，并且用<style>和</style>标记进行声明。 3.2 内嵌样式 <html> <head> <title>页面标题</title> <style type="text/css"> P { color:#0000FF; text-decoration:underline; font-weight:bold; font-size:25px; } </style> </head> <body> <p>这是第1行正文内容……</p> <p>这是第2行正文内容……</p> </body> </html> （或外部样式表） 优选文档 * 实际应用中使用频率最高、最实用，它将 HTML页面本身与CSS样式分离为两个或多个文件。 3.3 链接样式 <html> <head> <title>页面标题</title> <link href="07-07.css" type="text/css" rel="stylesheet"> </head> <body> <h2>CSS标题</h2> <p>这是正文内容……</p> <h2>CSS标题</h2> <p>这是正文内容…… </p> </body> </html> h2{ color:#0000FF; } p{ color:#FF0000; text-decoration:underline; font-weight:bold; font-size:15px; } 优选文档 * <html> <head> <title>页面标题</title> <link href="07-07.css" type="text/css" rel="stylesheet"> <style type=“text/css”> p{ color:blue;} </style> <head> <body> <p style=“color:gray;”>观察文字的颜色</p> </body> </html> 内嵌式 行内样式 多重样式表 优选文档 * 3.5 各种方式的优先级问题 行内 样式 嵌入 样式 > > 建议：在网站建设中，最好只使用其中的1-2种，这样既有利于后期的维护和管理，也不会出现各种样式“冲突”的情况，便于设计者理顺设计的整体思路。 优选文档 * 伪类和伪元素 伪类是一种特殊的选择器，用来指定一个或与其相关的选择符的状态。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 结构如下： 选择器：伪类{属性：值} 如：a.two:link{color:red;} 注意：这里的伪类不是任意用户定义的字符；而是已经预先定义好的。 优选文档 * W3C组织定义的标准伪类 ：link 未被访问过的链接 ：visited 已访问过的链接 ：hover 鼠标经过时对对象元素表现的样式 ：active :focus 为焦点元素加上指定样式 :first-child 将特殊的样式添加到元素的第一个子元素 :lang 定义指定的元素中使用的语言 注意：按照a:link， a:visited， a:hover， a:actived的顺序书写 优选文档 * 伪元素 :first-letter 将样式应用到文本的首字符 :first-line 将样式添加到文本的首行 :before 在某个元素前插入内容 :after 在某个元素后插入内容 优选文档 * 优选文档 * （1）font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。具体如下： CSS字体样式属性 优选文档 * 1、CSS字体样式属性 （2）font-
文档评论（0）