css3
白二的诗
前端小白,认真修炼。希望有一天能成长为大神。
展开
-
选择器优先级
简单选择器优先级:元素选择器复合选择器优先级:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先。 元素选择器:1 类选择器:10 伪类选择器:10 ID选择器:100 内联样式:1000注意:但也不是简单的相加,而是不同的级别的,比如十一个类选择器的优先级并不比一个id选择器的优先级高。原创 2016-12-10 17:39:06 · 296 阅读 · 0 评论 -
图片边框border-image
1.border-image:将图片规定为包围div的边框2.属性:border-image: source width repeat;(source为路径)也可分别写作:border-image-source: border-image-width: border-image-repeat:(repeat平铺,round铺满,stretch拉伸)3.格式:border-image原创 2016-12-12 09:06:56 · 406 阅读 · 0 评论 -
边框阴影box-shadow
box-shadow:向方框添加阴影box-shadow:h-shadow v-shadow blur spread color inset(顺序不可变)h-shadow:必须,水平阴影位置v-shadow:必须,垂直阴影位置blur:模糊距离spread:阴影的尺寸inset:将外部阴影改为内部阴影,外部阴影:outset,默认为outset.#d1{ box原创 2016-12-11 22:34:19 · 403 阅读 · 0 评论 -
框模型/盒子模型
一、margin(外边距)1.四个值margin:1px 2px 3px 4px (顺序上右下左) 三个值:上右下(第四个值同对边也就是左) 两个值: 上下,左右 一个值:上下左右一样 2.margin的值可为px,也可为%,可为正,可为负,可为0,也可为auto 如:margin:10px auto(居中) 3.单边:margin-top/right/b原创 2016-12-12 11:13:21 · 312 阅读 · 0 评论 -
渐变
1.linear-gradient(angle, color-point1 ,color-point2......); 线性渐变 angle:指渐变的方向,可以是角度值,也可以是方向,to top(对应角度0deg),to right(90deg),to bottom(180deg),to left(270deg) color-point:表示颜色的起始点,中间点或者原创 2016-12-13 09:35:26 · 223 阅读 · 0 评论 -
使用css样式表的方式及优先级
1.内联方式:定义在单个的html元素中(<p style="color:red">"),简单直观,但是不具重复性,不能体现结构与样式相分离。2.内部样式表:定义在html的头元素head中,(<style> p{color:red}</style>),只用于当前页面,且并没有真的实现结构与样式分离。3.外部样式表定义在一个外部的css文件中(.css),由html引用样式表文件( <li原创 2016-12-09 10:16:09 · 490 阅读 · 0 评论 -
文章标题
一、方式1.内联方式:定义在单个的html元素中(<p style="color:red">"),简单直观,但是不具重复性,不能体现结构与样式相分离。2.内部样式表:定义在html的头元素head中,(<style> p{color:red}</style>),只用于当前页面,且并没有真的实现结构与样式分离。3.外部样式表定义在一个外部的css文件中(.css),由html引用样式表文件原创 2016-12-09 11:07:12 · 226 阅读 · 0 评论