CSS(Cascading Style Sheet):层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言;CSS不仅可以静态修饰网页,还可以配合各种脚本语言动态地对网页个元素进行格式化;
优点:
简化网页格式代码,加快了下载显示的速度,减少了需要上传的代码数量;修改页面数量庞大的站点时,避免了一个个网页的修改,减少工作量;
CSS选择器:
选择器的位置为h1;.class;ID分别为标记、类别、ID选择器;
CSS继承:
子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上加以修改,产生新的样式;
(子标签里面没有的内容继承父标签里面有的内容)
一些常用的CSS样式属性:
字体
p{
font-family:黑体,Arial,宋体,sans-serif;
}
大小
p.one{
font-size:15px;
}
(相对定位%;绝对定位:px;)
颜色
p{
color:#333333;
}
粗细
<span class="one">文字粗细:100</span>(span为了给一些元素以特殊样式,或者空标签)
下划线、顶划线、顶划线、闪烁;
p.one{text-decoration:underline;}下划线;
顶划线overline、顶划线line-through、闪烁blink;
顶端、底端、中间对齐:
td.top{vertical-align:top;} /* 顶端对齐*/;
td.bottom{vertical-align:bottom;} /*底端对齐*/;
td.middle{vertical-align:middle;} /*中间对齐*/;
行间距
p.one{
font-size:10px;
line-height:8px; /*行间距,绝对值;*/
}
line-height:1.5em; /*行间距,相对值;*/
背景颜色
body{
background-color:#5b8a00; /*设置页面背景颜色*/
}
位置
body{
padding:0px; /*间隙*/
margin:0px;(居中)
background-repeat:no-repeat; /*不重复*/;
background-position:bottom right; /*背景位置,右下*/
}
表格
caption:表格标题;
tr:表格某一行;
th:表格第一行;
row或col:表格一列;
td:单元格;
颜色:bordercolor;
超链接
<a href="http://isaac.thuee.net">isaac的博客</a>
项目列表
<ul>或者<ol>标记;配合<li>标记罗列各个项目;
<div>是一个区块容器标记,<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等;