CSS样式表

来源:互联网 发布:解方程 计算机算法 编辑:程序博客网 时间:2024/06/08 03:16
 CSS是W3C协会制定的弥补HTML在显示属性设定上的不足的一套扩展样式标准。如重新定义文字的重叠,定位等,对页面的美化设计上贡献巨大。 CSS样式表格式包括:选择符,属性,属性值。 1.选择符:又称为选择器,对HTML语言标记进行控制 2.属性:主要包括字体属性,文本属性,背景,布局,边界属性等 3.属性值:属性与属性值以:隔开,多个属性之间以;隔开

一:选择器
1.标记选择器:图像标记,超链接标记,表格标记

,声明页面中那些标记采用那些CSS样式
eg:定义超链接的字体和颜色

<style> a{     font-size:9px;     color:#F93; }</style>

2.类别选择器:以“.”开头,应用时只需使用class属性来声明即可

3.id选择器:与类别选择器类似,以“#”开头,不同点:只能被使用一次
eg: one为类别选择器,ooo为id选择器

<style>   .one{   font-size:24px;   color:red;   }   #ooo{   font-size:20px;   color:blue;   }   </style>

显示效果如下:
这里写图片描述
二,在页面中包含CSS
包括行内样式,内嵌式和链接式
1.行内样式:直接定义在HTML内,通过style属性设置,优点:令初学者易接受;缺点:灵活性不强

 <h2 style="font-size:32px;color:green;">行内样式测试</h2>

2.内嵌式:前面用到的就是内嵌式,在页面内使用标记;优点:能够使页面更加规整,便于维护;缺点:没有行内标记表现得直接

<style>   .one{   font-size:24px;   color:red;   }

3.链接式:最常用,将CSS样式定义在一个单独的文件中,在HTML中通过标记引用,最为有效;
link语法结构如下:

<link rel='stylesheet'  href='path'  type='text/css' >

其中,rel定义外部文档和调用文档间的关系,href表示CSS样式的绝对或相对路径,type表示外部文件的MIME类型,一般为text/css。

原创粉丝点击