css
关注
分享
扫一扫
zengshaotao
大道至简，未来可期
展开
-
CSS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h2012-11-23 16:56:15 · 99 阅读 · 0 评论 -
div文本居中
vertical-align属性值在div中是不起作用的，对table才有作用 如果要让div的内容垂直居中，就需要通过其他的办法 padding倒是一种不错的办法。这个时候需要知道容器div的高度了 然后知道文本内容本身的高度，那么居中的效果基本上就可以出来了...2014-11-14 23:38:32 · 134 阅读 · 0 评论 -
img display:block
<div style="padding:0px;width:25%;height:400px;border:1px solid red;float:left"> <img alt="" src="image/clothes/chenshan.jpg" style="width:100%;height:100%;display:block"> <2014-11-12 20:20:01 · 397 阅读 · 0 评论 -
div居中
div自动从左边开始排布，如果是div的width=95%，那么div是靠左的，空出的是右边的。为了让div居中，可以设定div的margin-left=5%当然body的默认间距还是要根据实际情况来设定的...2014-11-11 23:08:00 · 101 阅读 · 0 评论 -
被忘却的cellspacing
使用的chrome浏览器，开始访问自己建立的站点。还是比较常规的代码，即<body>标签开始写入html标签<table> 发觉，页面之间总有空隙，觉得这应该是浏览器对页面元素默认的属性赋值，使用了google插件查看之后，确实发现body的margin:8px。然后设置了body{margin:0px;}间距没有了，页面显得紧凑。貌似IE的默认是5px，不太...2014-11-05 21:12:33 · 189 阅读 · 0 评论 -
CSS+DIV之强化background属性
1.背景颜色属性(background-color)，设定背景颜色＝html中bgcolor属性。我来写一个红色背景的body，(也可以定义某个特定区域) 示例写法：body {background-color:red;} 2.背景图片属性(background-image)，设定背景图片=html中background属性，为body设置一个背景图片。 示例写法：...2015-03-26 18:47:50 · 216 阅读 · 0 评论 -
CSS div文本垂直居中
css原创 2015-03-25 10:47:15 · 118 阅读 · 0 评论 -
style table border
table元素,使用了border属性之后,会将值应用于td里面,但是当border改变为不为1px的值之后,td还是和值是1的时候效果一致的,但是border=0的时候,td就没有边框了.如果在table上加上style="border=1",那么最终只是对table的四周的边框有效果....2013-09-12 16:05:13 · 226 阅读 · 0 评论 -
position
position:absolute;这表示定位是相对浏览器的。[img]http://dl2.iteye.com/upload/attachment/0089/1632/6fc9ec4a-7e0c-3fbe-b5ca-00db2e96680d.jpg[/img]position:relative;[img]http://dl2.iteye.com/upload/attac...2013-09-10 21:09:51 · 90 阅读 · 0 评论 -
colspan
对于td，是存在于tr里面的，一般的也都要使用colspan这个属性实现合并排版。假定初始化tr有5个td，第二行只有2个，那么只要colspan之和大于4，排版就可以整齐。td如果没有width属性，那么宽度就是自适应的。...2013-09-10 20:32:24 · 1087 阅读 · 0 评论 -
div style常用属性
div style常用属性 一、常用属性：1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例： 3、margin:用于设置DIV的外延边距，也就是到父容器的距离。 例： 1 2 3 4 5 6 7 ...原创 2013-09-06 22:12:14 · 170 阅读 · 0 评论 -
padding margin
padding是内边距，也就是div里的第一个元素排版相对于div排版的边界位置。效果：[img]http://dl2.iteye.com/upload/attachment/0089/0632/82b9b9c7-04b4-3b47-9b49-04da6b51591d.jpg[/img]对于margin，则是div相对于其外元素排...2013-09-06 22:00:04 · 86 阅读 · 0 评论 -
页面样式
效果：[img]http://dl2.iteye.com/upload/attachment/0089/0625/78da03fb-840a-3788-8be5-9bf6c727fa6c.jpg[/img]代码： 效果：...2013-09-06 21:41:44 · 98 阅读 · 0 评论 -
style="text-align:left;"
开发的时候需要调整页面样式，但又不是从零开始，所以快捷的同时也出现了一些莫名奇妙的问题。比如td内容，在控件里加了align="left"属性值对，但是内容还是居中了。所以觉得应该是控件使用了统一的样式设置，并且设置了居中。又因为控件里加上述属性值对，不属于严格意义上的样式设置，所以样式还是采用了全局的。后来加了style="text-align:left;"里面的内容才左对齐，覆盖了...2013-09-03 20:19:20 · 2436 阅读 · 0 评论 -
body leftMargin
效果图：[img]http://dl2.iteye.com/upload/attachment/0088/2895/bcb8f9b1-e74f-33bf-af4a-3e63378b1e3e.jpg[/img]从图片效果可以看出，body的leftMargin和topMargin是针对其里面元素的，也就是说里面的元素使用body作为容器。所以body还是占据了整...2013-08-17 12:37:31 · 1195 阅读 · 1 评论 -
伪类选择器
伪类选择器具有自动切换class的特性,而不用添加复杂的控制脚本.使用该选择器的时候需要在页面加入文档声明,形如:.speail{color:red;}.speail:hover{color:blue;}这里是伪类选择器的测试...2013-12-24 08:55:43 · 108 阅读 · 0 评论 -
div 定位
position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。...原创 2013-05-24 17:49:46 · 126 阅读 · 0 评论 -
padding，margin
对于浏览器元素的间距，可以分为基本的两种。 一种是margin，是元素之间的；另外一种是padding，是容器元素对内容的间距控制。 当然两种也不是完全独立的，需要分析具体的实际情况。 比如两个平级的div，那么margin可以在一定程度上进行排版控制，对于非标准的排布情况（float）暂不考虑。 对于包含关系的元素，排布稍微有点差别。父元素通过padding，子...2014-11-15 13:08:01 · 120 阅读 · 0 评论