css 基础讲解.pptVIP

GBUTtem 演示 html head style!-- .myh1{ font-family:宋体; font-size:50pt; color:blue; } --/style meta http-equiv=Content-Type content=text/html; charset=gb2312 titlefirst/title /head body p class=myh1通过类定义的格式 myh1/p /body /html GBUTtem 2.2 使用link 标签导入外部的CSS文件 首先 要建立 将CSS 定义的内容 存成一个单独的 css 文件. 然后在网页的head/head中用link 将css文件导入. GBUTtem mycss.css #myh1{ font-family:宋体; font-size:50pt; color:blue; } GBUTtem 演示程序 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用LINK标签导入CSS定义/title link rel=stylesheet href=mycss.css type=text/css /head body p id=myh1通过ID定义类格式 myh1/p /body /html GBUTtem Mycss2.css /* CSS Document */ .myh1{ font-family:宋体; font-size:50pt; color:blue; } GBUTtem 演示程序 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用LINK标签导入CSS定义/title link rel=stylesheet href=mycss2.css type=text/css /head body p class=myh1通过类定义格式 myh1/p /body /html GBUTtem 2.3 使用@import标签导入 #myh1{ font-family:宋体; font-size:50pt; color:blue; } mycss.css style @import url(“mycss.css”) /style GBUTtem 演示程序 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用@import标签导入CSS定义/title style @import url(mycss.css) /style /head body p class=myh1通过类定义格式 myh1/p /body /html GBUTtem 2.4 在HTML文件中直接加入css定义 html head title CSS与HTML结合的第四种方法 /title /head body bgcolor=#FFFFFF h2这一句中的 a href=“”style=“font-family:隶书;font-style:italic;font-size:28;color:redCSS and HTML/a 用行内定义的CSS样式加以突出。 /h2 h2这一句话中的CSS and HTML不突出/h2 /body /html GBUTtem 3 理解和使用CSS的属性 熟练的掌握CSS的属性, 才可以随心所欲的使用CSS样式. CSS提供了5大类属性:(1) 字体属性 (2) 颜色和背景属性 (3)区块属性 (4)分级属性 (5)鼠标属性 下面大致了解一下这些属性. 详细的参考手册 GBUTtem 3.1 字体属性(更多参考手册) 该属性主要用于设定文字相关的属性. 主要包括 font-family : 指定文本的字体. 如h1{font-family:宋体} Font-style: 设定Oblique(加粗) Italic(斜体) 等 Font-variant: 设定文字是否为小型大写字. Font-weight: 设定文字的粗细 Font-size: 设定文字的大小.有绝对大小和相对大小,绝对长度和百分比等. Font :上述样式属性的综合表示法. 如P{font:bold 16pt} 但一定注意里面的顺序为 font-style font-variant font-weight font-size font-family