码迷,mamicode.com
首页 > Web开发 > 详细

CSS3常用

时间:2017-05-20 12:25:22      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:first   圆角   :active   行高   文字   位置   round   die   content   

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常用

标签:first   圆角   :active   行高   文字   位置   round   die   content   

原文地址:http://www.cnblogs.com/bugdeaitaigaoshang/p/6881759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!