css3第一天(下)
来源:互联网 发布:unity3d 特效烟雾插件 编辑:程序博客网 时间:2024/04/20 05:04
CSS3
伪元素选择器
::
::before
::after
::first_letter 第一个字母
::first_line 第一行
::selection 选中的样式
向一个伪元素来写样式,content必须要有,content可以写入文本内容,通常给一个空,新创建的元素是一个行内元素,伪元素在c2里面用单冒号,c3用双冒号。高版本浏览器可以正常识别双冒号,假如遇到单冒号的伪元素,会自动转成双冒号,是为了做兼容处理
文本 文字阴影
//1左右偏移量2上下偏移量3模糊度,可以设置多重阴影text-shadow:3px 3px 3px red,3px 3px 3px blue;
边框圆角
width:100px;height:100px;background-color:yellow;border-radius:10px;
边框阴影
box-shadow:2px 2px 2px red,4px 4px 4px blue;
和文字阴影一样可以设置多个,逗号隔开,阴影不会改变盒子的大小,可以设置内阴影inset
边框图片
//border-image-source:url();//border-image-slice:27 27 27 27;裁切//border-image-repeat:stretch;平铺的效果(repeat,round,stretch)//border-image-width:40px;//改变边框的宽度border-width:20px;border-image:url("") 27 repeat stretch;
通过边框背景图片可以实现自适应的边框样式
盒模型
- 盒子模型是由content、padding、border这几部分构成
- 盒子大小content+padding+border
- css3有一个新的属性可以改变计算盒子大小的方式
- 根据box-sizing属性值可以分成两种计算方式
- box-sizing:border-box;
content = width
0 0
- css3第一天(下)
- CSS3实战:第一天
- css3第一天(上)
- CSS3笔记之第一天
- Spring学习第一天(下)
- 智慧北京开发第一天(下)
- Java学习-第一天(下)
- 第一天管理下BLOG
- 学下C#,第一天。
- html5 css3 javascript 学习笔记 第一天 html5 变化优势
- 21天精通HTML5与CSS3网页制作 第一天
- 黑马程序员_Java多线程学习(第一天【下】)
- 日志(第一天)
- 学习第一天()
- oracle(第一天)
- JFinalAsAndroid(第一天)
- webservice(第一天)
- linux下汇编学习笔记[第一天]
- C#47课的主要内容
- 湖南长沙湖南长沙长郡中学长郡中学——循环简单普及题开业了开业了!
- 洛谷 P1121 环状最大两段子段和
- 求1/1-1/2+1/3-1/4+1/5 …… + 1/99 - 1/100的值
- VC++全局变量初始化
- css3第一天(下)
- java中关于给属性赋值的两种方法
- 谱聚类算法讲解
- mysql常用函数
- 《APUE》笔记-第七章-进程环境
- 汉诺塔
- 关于IDEA项目打包问题
- position学习 一种让元素上下和左右居中的方式
- 代码规范