您的位置:首页 > Web前端 > CSS

CSS初识

2016-06-05 21:38 429 查看

前言

牛腩带我们完成从client到browser的跨越,其中最重要的是要学习css,js,jQuery,ajax等。CSS(层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,能够真正做到网页表现与内容分离的一种样式设计语言,并能够进行初步交互设计。

主要内容

(1)标准流

(2)盒子模型

(1)外边距(margin)

(2)画框(border)

(3)内边距(padding)

(4)内容 :height; width

(3)浮动(float)

(4)定位(location)

语法总结

HTML

<head>
<title>  </title>
--css链接
</head>
<body>
<div  class="" id="" >  --块级
<div>  </div>
<p>  </p>  --行间
<a href="网址" target="_balank"--打开新的网页></a>
</div>
<span> </span>  --行间
</body>


css

/* {/把默认值都设为0/

margin :0;

padding:0;

}

/#top{} /对应html中的id

.top{} /对应html里的class

/ #top, #search, #content, #footer { /公共样式/ } –并列的用逗号隔开

a:link –鼠标没点链接的时候 , a:visited–链接点过后{}

a:hover–鼠标移到链接上{}

/#top{

height:…;

width:…;

margin:…; /居中,可以设负数

padding:…;

float:…; /所有块级元素对齐,则所有元素都浮动

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css