首页 > 代码库 > CSS3常用

CSS3常用

CSS3:
1.文字阴影效果text-shadow:red 10px 10px 1px;
2.背景颜色渐变background:linear-gradient(to top,green,red,pink)
3.圆角效果:border-radius可以用来画圆,半圆
4.盒子阴影box-shadow: inset 20px 10px 100px green;
CSS常用点:
1.行高的设置会让文字自动居中(垂直方向)
2.一个div的margin的设置会让这个盒子自动居中(水平)
3.margin和padding的距离设置上右下左
4.盒子本身占据的地盘是内外+边框+内容
但是黑子的width属性只包含内+边框+内容
5.浮动:
浮动的元素高于文档流,不和标准文档流当中的元素一块排版
--如果浮动元素的哥哥是浮动元素,飘到它后面去
如果浮动元素的哥哥是标准文档流,那么这个浮动元素就不飘不上
--普通元素视角:哥哥是浮动元素,在排版的时候无视哥哥占的位置(叠加)
哥哥不是浮动元素,跟着排在下一行

伪类---:active样式添加到被激活的
:focus添加到被选中的
:hover悬浮的时候
:link未被访问过的链接
:visited被访问过的链接
:first-child讲样式添加到元素的第一个子元素
伪元素种类--
::first-letter将样式添加到文本的首字母
::first-line首行
::before在某元素之前插入一些内容{content:‘‘}

CSS3常用