-
背景图切换改良版,才用百度背景图
查看全部 -
box-shadow 阴影 使用方法:box-shadow:x轴偏移量(横) y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式 xy必填,后面的可选 投影方式外(默认)或者内(inset)
查看全部 -
border-radius向元素添加圆角边框 单位:px % ... border-radius:10px; 只写一个代表所有的圆角半径都为10px border-radius:5px 4px 3px 2px 四个代表四个角,分别是上,右,下,左。
查看全部 -
css3 1.选择器 --- 除了之前常用的id、class选择器,css3的选择器更加强大,能够减少标签中class和id的数量,更方便的维护样式表,更好的实现结构与表现的分离 2.圆角效果 --- border-radius 3.块阴影与文字阴影 4.色彩 --- 支持HSL,CMYK,HSLA,RGBA 5.渐变效果 6.个性化字体 --- @Font-Face 7.多背景图 --- 一个元素上添加多层背景图片 8.边框背景图 9.变形处理 --- 旋转、缩放、倾斜、移动... 10.多栏布局 --- 不在使用多个div就能实现的多栏布局 11.媒体查询 --- 针对不同屏幕分辨率,应用不同的样式 .....
查看全部 -
background-size:auto cover | contain
查看全部 -
/*使用伪元素制作导航列表项分隔线*/
.nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;}
/*4.删除第一个和最后一个导航分隔线*/
.nav li:last-child{background:none;}
查看全部 -
background-origin 用于设置元素背景图片的起始位置
语法: background-origin : border-box | padding-box | content-box;
查看全部 -
word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。
查看全部 -
要实现溢出的文本变为...,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
查看全部 -
linear-gradient(); 渐变色彩
查看全部 -
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
查看全部 -
border-radius:5px 4px 3px 2px;/*代表4个半径值分别是左上角、右上角、右下角、左下角,顺时针方向。
查看全部 -
:only-child
,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素查看全部 -
:target
选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素查看全部 -
“:root”选择器等同于<html>元素,简单点说:
:root{background:orange}
html {background:orange;}
查看全部
举报