-
圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法: border-radius: 10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */查看全部
-
这个功能不错啊,相当于css和html解耦了查看全部
-
E[att^="val"]这个val可以加引号也可以不加查看全部
-
复习伪元素:after,:before的用法,content属性设置为"" 线性渐变的用法:linear-gradient(to 方向,颜色)查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>boxshadow</title> <style> @import url("http://www.w3cplus.com/demo/css3/base.css"); body{ background-color:#eee;} .back { display:block; background:#51938f; width:346px; margin:50px auto; } .back >li { display: inline;查看全部
-
[background-position][/background-size] : right bottom/50% 40%查看全部
-
CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”、“::after”其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用 content配合CSS的伪类或者伪元素,一般可以做以下四件事情: none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string 插入字符串查看全部
-
CSS3外轮廓属性 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。 outline: [outline-color] || [outline-style] || [outline-width] || [outline-offset] || inherit查看全部
-
自由缩放属性resize 允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。 resize属性主要是用来改变元素尺寸大小的,增强用户体验。 resize: none | both | horizontal | vertical | inherit none用户不能拖动元素修改尺寸大小。 both用户可以拖动元素,同时修改元素的宽度和高度 horizontal用户可以拖动元素,仅可以修改元素的宽度,但不能修改元素的高度。 vertical用户可以拖动元素,仅可以修改元素的高度,但不能修改元素的宽度。 inherit继承父元素的resize属性值。查看全部
-
@media 媒体类型and (媒体特性){你的样式} Media Queries在其他浏览器中不要像其他CSS3属性一样在不同的浏览器中添加前缀。查看全部
-
总之,要始终记住浏览器的前缀查看全部
-
mark查看全部
-
在CSS3中新增加了box-sizing属性,能够事先定义盒模型的尺寸解析方式,其语法规则如下: box-sizing: content-box | border-box | inherit查看全部
-
跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。 none--此值为column-span的默认值,表示不跨越任何列 all--这个值跟none值刚好相反,表示的是元素跨越所有列,并定位在列的Z轴之上。 p:nth-child(2n){ -webkit-column-span:all; -moz-column-span:all; -o-column-span:all; -ms-column-span:all; column-span:all; }查看全部
-
列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 例如:为了能有效区分栏目列之间的关系,可以为其设置一个列边框,代码为:column-rule: 2px dotted green查看全部
举报
0/150
提交
取消