标签:bsp 表示 独立 控制 文件 htm 设置 文件中 默认
样式表的分类
1.内联样式表
和html联合显示,控制精确,但可重用性差,冗余多。
例:<p style="font-size:14px;">内联样式表</p>
2.内嵌样式表
作为一个独立区域内嵌在网页里,必须写在head标签里边。
<style type="text/css"> p //格式对P标签起作用 { 样式; } </style>
3.外部样式表
新建一个CSS文件,用来放样式表。如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式→附加样式表。一般用link连接方式。
<link rel="stylesheet" href="新建css样式表地址" type="text/css"/>
有些标签有些默认的边距,一般写样式表代码的时候都会先去除(也可以设置其他样式),如下:
<style type="text/css"> * //格式对所有标签起作用 { margin:0px; padding:0px; } </style>
1.标签选择器。用标签名做选择器。
<s tyle type="text/css"> p //格式对P标签起作用 { 样式; } </style>
2.class选择器。都是“·”开头。
<head> <style type="text/css"> #main /*定义样式*/ { height:42px; width:100%; text-align:center; } </style> </head> <body> <div id="main"> <!——调用id样式——> </div> </body>
4.复合选择器。
1).用“,”隔开,表示并列。
<style type="text/css"> p,span /*标签P·span两者同样的样式*/ { 样式; } </style>
3.ID选择器。以“#”开头
<div id="样式名">
标签:bsp 表示 独立 控制 文件 htm 设置 文件中 默认
原文地址:http://www.cnblogs.com/axj1993/p/6215643.html