返回首页
当前位置: 主页 > 网络编程 > Asp实例教程 >

CSS基础常见问题总结

时间:2013-12-23 14:18来源:知行网www.zhixing123.cn 编辑:麦田守望者

总结了些css基础常见的问题解决办法,不然网页重构的时候偶尔还是会丢三落四的,基础就要牢固,不然会影响进度。

初始化html常用标签的CSS默认属性,html标签都是有默认的CSS属性的,默认有margin、padding、font-size、text-decoration等等,如果网页没有加载css样式,html也会具有一定的格式方便阅读,但是在网页重构的时候这些默认的属性还是会带来一些小小的麻烦,将常用的html标签的CSS属性进行初始化,在需要的时候重新定义,方便判断网页重构时的布局定位及达到想要的效果。

body标签页边距

body标签默认是有8px的margin,即是新手常见的浏览器边缘出现白边问题,一般都要对其值进行初始化为

body{
	margin:0px;
	padding:0px;
}

段间距

p标签默认也有margin,如果喜欢也可以进行设置为

p{
	margin:0px; 
	padding:0px;
}

标题样式

h1~h6标签默认加粗加大显示,一般可以初始化设置为

hx{
	font-size:14px; 
	font-weight:normal;
}

列表样式

清除列表前面的图标样式设置list-style为

ul{
	list-style:none;
}

超链接样式

a 标签样式默认带有下划线,显示颜色为蓝色,被访问过的超链接变紫色,要清除链接样式,一般设置为

a{
	text-decoration:none;
	color:#000000;
}

图片链接样式

图片如果加上超链接的话,默认会出现2px的边框,清楚图片链接样式,可以设置border为

a img{
	border:0px;
}

元素水平居中

要使一个div水平居中,可以设置margin

.div{
	margin:0px auto;
}

要使div内的内容居中,可以设置text-align

.div{
	text-align:center;
}

元素垂直居中

要使文字垂直居中或增加其段间距(行高),可以设置line-height

p{
	line-height:10px;
}

要事一张图片垂直居中,可以设置vertical-align

.img{
	vertical-align:center;
}

鼠标样式

鼠标放到一个区域的时候变成一只手指形状

.div{
	cursor:pointer;
}
------分隔线----------------------------
标签(Tag):css css技巧 CSS基础教程 css实例教程 css源代码
------分隔线----------------------------
推荐内容
猜你感兴趣