#3 CSS常用属性
浏览数：21 /
时间：2015年06月09日
CSS里面的样式非常多，但是常用的样式并不是很多。
下面主要是以下常用的，当然这个没涉及到考虑兼容性的问题。兼容性的主要还是要了解不懂浏览器之间的差异，具体我也半桶水，在努力学习中，等学会了，在总结一下分享给大家。
-------2014.07.29
这个上课主要讲的布局,就是关于页面的布局,现在90%的网站都是用DIV+CSS布局的.所以应该好好掌握这次课的知识.
在学习DIV之前,我们还要熟悉一些常见的CSS样式.
CSS的常用样式
字体:
1,line-height:50px 行的高度 如果和 height的高度一样，就会居中显示。（比如li中的字体怎么垂直居中显示）
2,letter-spacing:50px 汉字间的距离
3,word-spacing:50px 字母间的距离
4,text-indent:2em 缩进两个字
背景:
1,background-image(url()) 设置背景图片
2,background-position:center 设置背景的位置
3,background-repeat: no-repeat 背景图片比界面小的话不会铺满界面
4,background-attachment : fixed 背景图片一直居中.不随滚动条的滚动而改变(固定背景)
列表
1,list-style-type:none 列表前的系列号不显示
2,list-style-image:url 列表的序号换成图片
3,margin:0px; padding:0px; li靠左显示
超链接
1,text-decoration:none 把超链接的下划线去掉
2,color:#000000 把超链接的颜色去掉
还有一个经常用到的就是
伪类
选择器:hover{}
.class:hover{}
#id:hover{}
都可以用,自己定义的样式也可以xxx:hover{}
{}中放的样式就是你鼠标移到那里会显示什么的样式
还有:active{} :visited{} 这两个一个是鼠标点击的时候显示,一个是鼠标释放产生的变化
DIV 的来了..要好好学....
HTML元素的分类
1,块分类 (p,div,h1,table,form,li...) 就是元素自己占一行.
2,行标记(不是块的就是行了....) 可以很多元素占一行
块元素都有一个叫border的属性.可以设置边框,还有椭圆矩阵
边框要记得话很容易..就分上下左右...
还有一个是非常中要的.
就是=外补丁(margin) 就是两个块之间的距离
margin:auto auto 自动居中的功能
还有一个 内补丁(padding) 就是块中内容和边框的距离
如果要两个块元素放在一行就要用到 float这个属性了...
float:left 就是从左往右排 right就是同理的...
还有一个就是如果你鼠标移到那个图片上面,希望显示一个手,表示可以点击....
就要用到一个属性
cursor:pointer 这个属性就可以了
经验
要做布局的时候,要做一份草稿.把大小先给定了....
这样你才能更好的开发...
还有就是要格式对齐.....
如果要做一个好的网站.都是用自己ＤＩＶ＋ＣＳＳ出来的..而用Dreamweaver生成的代码存在很多垃圾代码...
布局是很重要的..
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
