【网页前端设计Front end】CSS入门（看不懂你来打我）

css的基本语法和使用方法

/*选择符组*/
/*类选择符*/
/*id选择符*/
#intro
{
	font-size:110%;
    font-style:italic;
    color:#0000ff;
    background-color: transparent
}
/*包含选择符*/
table a
{
	font-size:10px;
}/*仅表格内的链接改变了样式
/*样式表的层叠性*/
div{color:red; font-size:9pt;}
p{color:blue;}/*段落文字为蓝色9号字*/

css的层次及其作用优先级

<div style="color:bule">
hello,word
</div>/*行内样式表*/
<style type="text/css">
div{
	color:blue;
}
</style>/*文档层样式表*/
/*这段定义一般是放在head里面的。如此定义之后，该页面所有的div就可以使用统一的颜色设置了。
/*外部样式表，在default.css文件里有：*/
.myclass
{
	color:yellow;
}
/*然后在页面中引用改样式表文件*/
<link rel="stylesheet" href="default.css"/>
/*外部样式表的链接位于文档的头部位置*/

css常用属性

body
{
background-image:url(backgroound);background-repeat:repeat-x
}/*图片横向重复*/
/*边框颜色属性*/
.dd{border-color:gray;border-style:solid;}
/*css边距属性*/
.md{margin-left:1cm;}
/*css间隙属性*/
.p1{padding-right:1cm;}
/*css列表样式属性*/
ul{list-style-image:url(dot02.gif)}
/*css锚伪类*/
a:link{color:#FF0000;}/*表示未被访问的链接设置为红色*/

css布局

1.css盒模型
2.1 创建div对象
2.2 定位属性
2.3 浮动属性
3 css布局结构
4 单双列结构