
css3
我的奋斗ing
找不到对象的程序猿
展开
-
Css3 选择器 --属性选择器
lE[attr]只使用属性名,但没有确定任何属性值lE[attr="value"]指定属性名,并指定了该属性的属性值lE[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写lE[attr^="value"]指定了属性名,并且有属性值,属性值是以value开头的lE[a...原创 2019-02-28 19:26:09 · 202 阅读 · 0 评论 -
Css3 选择器 –结构性伪类
lE:nth-child(n) 表示E父元素中的第n个子节点•p:nth-child(odd){background:red}/*匹配奇数行*/•p:nth-child(even){background:red}/*匹配偶数行*/•p:nth-child(2n){background:red}lE:nth-last-child(n) 表示E父元素中的第n个子节点,从后向前...原创 2019-02-28 20:42:30 · 264 阅读 · 0 评论 -
Css3 选择器 --伪类
lE:target 表示当前的URL片段的元素类型,这个元素必须是E(代表hash值里的东西)lE:disabled 表示不可点击的表单控件lE:enabled 表示可点击的表单控件lE:checked 表示已选中的checkbox或radiolE:first-line 表示E元素中的第一行lE:first-letter 表示E元素中的第一个字符lE::sele...原创 2019-02-28 21:49:35 · 127 阅读 · 0 评论 -
css3--新增颜色模式
lrgba•r Red 红 0-255•g Green 绿 0-255•b Blue 蓝 0-255•a Alpha 透明 0-1实例: 背景透明,文字不透明问题:注意边框颜色透明有问题===========================lHsl•H Hue 色调 任意数值•S saturation 饱和...原创 2019-03-01 10:20:07 · 257 阅读 · 0 评论 -
css3-弹性盒模型
注意在使用弹性盒模型的时候 父元素必须要加display:box 或 display:inline-boxlBox-orient 定义盒模型的布局方向•Horizontal 水平显示•vertical 垂直方向lbox-direction 元素排列顺序•Normal 正序•Reverse 反序lbox-ordinal-group 设置元素的具体位置=...原创 2019-03-01 15:15:44 · 194 阅读 · 0 评论 -
css3-盒模型阴影
•box-shadow:[inset] x y blur [spread] color•参数–inset:投影方式»inset:内投影»不给:外投影–x、y:阴影偏移–blur:模糊半径–spread:扩展阴影半径»先扩展原有形状,再开始画阴影–color==================================box-reflect 倒影...原创 2019-03-01 16:53:28 · 362 阅读 · 0 评论 -
Css3-分栏布局+Css3响应式布局+移动端meta
lcolumn-width 栏目宽度lcolumn-count 栏目列数lcolumn-gap 栏目距离lcolumn-rule 栏目间隔线 ----------------以上只能在webkit浏览器下用---------------------------------Css3响应式布局媒体类型•all 所有媒体•braille 盲文触觉...原创 2019-03-01 16:56:35 · 335 阅读 · 0 评论 -
css3-新增UI样式
border-radius: 1-4个数字 / 1-4个数字•前面是水平,后面是垂直•不给“/”则水平和垂直一样–border-radius: 10px/5px;参数 •各种长度单位都可以:px,%,… •%有时很方便 –但宽高不一致时不太好l用法•1个:都一样–border-radius: 一样•2个:对角–border-ra...原创 2019-03-02 10:12:44 · 307 阅读 · 0 评论