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:…; /所有块级元素对齐,则所有元素都浮动
}
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页