摘要: 基本写法 带markup example 结果 基本形状 结果如下 矩形 - rect元素 这个元素有6个控制位置和形状的属性,分别是: x:矩形左上角的坐标(用户坐标系)的x值。 y:矩形左上角的坐标(用户坐标系)的y值。 width:矩形宽度。 height:矩形高度。 rx:实现圆角效果时,圆 阅读全文
posted @ 2016-04-12 17:46 zcynine 阅读(252) 评论(0) 推荐(0)
摘要: CSS2中如果要设计多列布局,常用的方法有浮动和定位,但是浮动容易错位,定位无法满足模块的自适应能力,以及模块之间的文档流联动的需要。为了解决多列布局的难题,CSS3新增了多列自动布局功能。 利用多列布局属性可以自动将内容按指定的列数排列,这种特性特别适合报纸和杂志类网页布局。 1.columns 阅读全文
posted @ 2016-04-12 01:30 zcynine 阅读(367) 评论(0) 推荐(0)
摘要: 为元素添加内容 content属性术语内容生成和替换模块,该属性能够为指定元素添加内容。 取值如下 normal:默认值 string:文本内容 attr():插入元素的属性值 uri():插入一个外部资源 counter():计数器 none:无任何内容 我们可以插入填充一张图片 也可以经常写在b 阅读全文
posted @ 2016-04-12 01:05 zcynine 阅读(160) 评论(0) 推荐(0)
摘要: resize属性可以设置是否允许用户缩放网页中元素的大小 总共有4种取值 none vertical horizontal both 举个栗子 记得定义最大尺寸,把缩放控制在一定范围之内。 阅读全文
posted @ 2016-04-12 00:57 zcynine 阅读(867) 评论(0) 推荐(0)
摘要: 一般我们都认为border和padding都包含在width或height之内。 而现代标准的浏览器一般都认为width和height仅仅包含content,刨去了border和padding区域。 它有两个值可以取 1.content-box:width/height = border + pad 阅读全文
posted @ 2016-04-12 00:52 zcynine 阅读(217) 评论(0) 推荐(0)