-
:checked选择器 在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。(大家都知道,要覆写这两个按钮默认样式比较困难)。在CSS3中,我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。查看全部
-
:disabled选择器 “:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素。要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。查看全部
-
:enabled选择器 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。查看全部
-
-webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); 缩小到0.8查看全部
-
还是看了同学的查看全部
-
::selection 文本选中后样式 :nth-of-type(1) 选择第一个,参数可以为2n、2n-1、3n...查看全部
-
mark查看全部
-
外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。 outline: [outline-color] || [outline-style] || [outline-width] || [outline-offset] || inherit查看全部
-
<meta name="viewport" content="a,b" />用来重置可视区域。 content=width/height/initial-scale/minimum-scale/maximum-scale/user-scalable查看全部
-
Responsive布局技巧 通过上面的介绍,大家对响应式设计有了一定的了解,但在实际制作中还是有一些布局技巧的: 在Responsive布局中,可以毫无保留的丢弃: 第一, 尽量少用无关紧要的div; 第二,不要使用内联元素(inline); 第三,尽量少用JS或flash; 第四,丢弃没用的绝对定位和浮动样式; 第五,摒弃任何冗余结构和不使用100%设置。 有舍才有得,丢弃了一些对Responsive有影响的东东,那么有哪些东东能帮助Responsive确定更好的布局呢? 第一,使用HTML5 Doctype和相关指南; 第二,重置好你的样式(reset.css); 第三,一个简单的有语义的核心布局; 第四,给重要的网页元素使用简单的技巧,比如导航菜单之类元素。 快速测试的方法。你首先禁掉你页面中所有的样式(以及与样式相关的信息),在浏览器中打开,如果你的内容排列有序,方便阅读,那么你的这个结构不会差到哪里去。查看全部
-
动画--过渡属性 transition-property查看全部
-
color:rgba(R,G,B,A) A代表透明度查看全部
-
border-image:url(border.png) 70 70 70 70 repeat 70:切割图片的宽度,单位为像素,但是省略px也可以使用百分比,遵循顺时针的规律来分别设置。也可以简写为70 。 图片延伸方式:round(平铺) repeat(重复) stretch(拉伸)查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量:必须。水平阴影的位置。允许负值。 Y轴偏移量:必须。垂直阴影的位置。允许负值 阴影模糊半径:可选。模糊距离 如果添加多个阴影,只需用逗号隔开即可。 阴影扩展半径:可选。阴影的尺寸。 阴影颜色:可选。阴影的颜色。省略默认为黑色。 投影方式:可选。(设置inset时为内部阴影方式,如果省略则为外部阴影方式)。 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。 如果添加多个阴影,只需用逗号隔开即可。 .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }查看全部
-
实心上半圆: 方法:把宽度(width)设为高度(height)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 实心圆: 方法:把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值都设置为它们值的一半。查看全部
举报
0/150
提交
取消