-
CSS的属性选择器 ： a[class^="column"]{ background:red; } 匹配的时候^=是在属性value的前面开始搜索 $=是确定属性值的末尾数字 *=是包含某值 模糊匹配查看全部
-
多重背景图片： background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top /75% 55%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /50% 40% ; 看起来很乱 分别是 URL,,no-repeat,,偏移的位置 可以使lefe top PX，，/横竖的百分比大小查看全部
-
背景大小： background-size: auto | <长度值> | <百分比> | cover | contain auto是啥都不懂 cover是平铺 contain是等比例缩放查看全部
-
background-origin ： border-box | padding-box | content-box; 设置元素背景图片的起始位置。分别让背景图片是从那里开始算起查看全部
-
字体的阴影： text-shadow: 12px 12px 10px #111; 阴影的偏移尺寸 扩散范围10px 颜色查看全部
-
设置自定义的字体： @font-face{ font-family: "MOOC Font"; 给字体起个名字 src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); 引入的路径 } 之后就可以直接在css里面font-famliy:里面使用了查看全部
-
text-overflow:ellipsis; 让超出的文本显示省略号 clip是剪裁掉 overflow:hidden; 超出的部分隐藏 white-space:nowrap; 用省略号代替查看全部
-
设置背景为渐变 background-image:linear-gradient(to left top, #fff, #f00); 以上分别是渐变类型 方向 什么颜色 方向有to top; to bottom ;to top left....查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
>是子元素选择器，空格是后代选择器，他们的区别： 后代选择器：匹配父子关系和祖先-后代关系 子元素选择器：匹配父子关系 就是>（子元素选择器）只是匹配到他下面的一层，而不是多层查看全部
-
::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。查看全部
-
CSS3选择器 :read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。查看全部
-
CSS3选择器 :read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”查看全部
-
兼容模式就是： background-color:rgb(255,255,255); alpha:0.5; filter:alpha(opacity=50);查看全部
-
表单样式美化： 状态选择器“:checked”表示的是选中状态 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio（默认样式）和span（背景为白色圆形，我们的自定义样式），但是radio不显示（因为是完全透明的） 3、被选中的单选按钮和span会显示（完全不透明），而未被选中的单选按钮不显示（因为是完全透明的） 不用span直接对checked更改样式：input[type="radio"]:checked { -webkit-appearance: none;//先去掉系统默认样式 ... }查看全部
举报
0/150
提交
取消