苏先生前端

border-imageborder-image-slice: ; 默认值100%会将整个图放到div四个角落如上图所示：该属性的值指的是边框到四条界线的距离。通过线将图片划分为四个部分充当border。设置不同的值就是调整四条界线的位置从而实现不同的效果。border-image-repeat: repeat;border-image-repeat: space;border-image-repeat: round ;<div class="first"

<!-- 关系选择器--> <div data="a b">div1</div> <div data="a">div2</div> <span>9</span> <p>1</p> <p>2</p> <p>3</p><!-- 属性选择器--> <li class=".

溢出容器、打点展示单行文本溢出 三件套处理<p>今天上着班我妈突然给我发来语音上有一个自拍问题不大</p>p { width: 300px; height: 30px; line-height: 30px; border: 1px solid; /*失去换行功能*/ white-space: nowrap; overflow: hidden; /*文字溢出打点展示*/ text-overflow:

float left、right<div class="wrapper"> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box"&.

两栏布局：两个div一个固定宽高，另外一个自适应。 <div class="right"></div> <div class="left"></div>* { margin: 0; padding: 0;}.right { position: absolute; width: 100px; height: 100px; opacity: 0.3; right: 0;

css盒模型注意 每一个元素都可以看作一个盒子四大部分盒子壁 ： border内边距： padding内容区：content外边距：margin改变盒子渲染规则： boxsize：border-box；IE盒模型W3C盒模型盒子可视区域区别于盒模型可视区域 = border +padding + content切记 不计算margin...

1、字体处理div { font-size: 30px; /* 字体大小 */ font-weight: bold; /* 加粗 */ font-style: normal; /* 斜体 */ font-family: cursive; /* 字体类型 */ color: #f40; /* 上色 */}2、三原色 光学三原色rgb 红绿蓝 每一项范围0-f #00

css层叠样式表1、行间样式2、页面级css style标签3、内联式方式link href属性超文本引用 路径4、import 方法权重！important Infinity行间样式 1000id 100class|属性|伪类 10标签选择器|伪元素 1通配符 ...