-
语法：
background-clip ： border-box | padding-box | content-box | no-clip
参数表示 从 边框 | 内填充 | 内容区域 向 外剪裁背景
查看全部 -
background-origin: border-box | padding-box(默认值) | content-box
原始起始位置
查看全部 -
引用并自定义字体。
@font-face {
font-family: 字体名称;
src : 路径
}
查看全部 -
省略标记显示方式
text-overflow: clip(剪切) | ellipsis(省略号显示)
但是如想要溢出文本省略号显示还需要：
1，text-overflow: ellipsis;
2,white-space : nowrap; //强制文本轴一行显示
3, overflow: hidden; //溢出内容隐藏
查看全部 -
box-shadow: x轴偏移量 y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
查看全部 -
boder-radius : 2px; 指所有圆角都为2px
boder-radius: a b c d; 分别指的是 左上角 右上角 右下角 左下角等处的圆角，顺时针旋转
查看全部 -
前缀 浏览器
-webkit chrome&safari
-moz firefox
-ms IE
-o opera
查看全部 -
禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去
查看全部 -
column-width 设置的宽度是最小宽度
假设div宽度是900，设置的column-width是200，若此时未指定column-count，则按照每列200宽度开始将div铺满，但是我们会发现4列后剩下宽度不够200了，这个时候进行内容自适应，即column-count为4，将900宽度均分为4列，每列宽度会大于200。
假设div宽度是900，设置的column-width是200，此时指定column-count为3，则按照column-count，将900宽度均分为3列，每列宽度会大于200。
假设div宽度为500， 设置的column-width是200，此时指定column-count为3， 则按照每列200宽度开始将div铺满，2列后剩下宽度不够200了，这个时候会自动改变column-count，即column-count为2，将500宽度均分为2列，每列宽度会大于200。
查看全部 -
水平垂直居中：
position: relative or absolute;
top: 50%; left: 50%;
transform: translate(50%, 50%);
原理：定位top，left百分比相对父级元素宽高，translate百分比相对于自身宽高。
查看全部 -
:nth-child(n)
n从0开始计数，括号内表达式的值为1（不是0）表示匹配第一个元素，表达式的值小于1不匹配任何元素
查看全部 -
设置背景颜色默认是延伸到 border-box ,也即延伸到边框之下；
设置背景图片，默认延伸到 padding-box；
background-origin 可以调整背景图片，起始区域；
background-clip 可以裁剪背景图片包括背景颜色延伸区域。
查看全部 -
@font-face能够加载服务器端的文字文件，让浏览器端可以显示用户电脑里没有安装的字体。
语法：
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }这样就能在 font-family 中设置字体样式：
p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }demo：
@font-face {
font-family: "MOOC Font";
src: url("https://www.imooc.com/Amaranth-BoldItalic.otf");
}
.demo {
width: 340px;
padding: 30px;
color: #566F89;
background: #000;
font-size:58px;
font-family: "MOOC Font";
}
查看全部 -
文字省略号效果：
text-overflow: ellipsis;
overflow: hidden; /* 避免文字过长，溢出边界 */
white-space: nowrap; /* 取消换行 */
查看全部 -
留着这一课以后看
查看全部
举报