css中奇怪的地方
2015-11-12 15:54
344 查看
1.border-color
继承内部元素前景色(color:black.可能对元素本身没有效果)
2.border-style:none;//不仅样式没了,border-width也变为0
3.margin、padding百分数继承父元素width
4.背景是固定的(fixed),background-attachment:fixed,则都是从窗口左上角开始定位,而不是本身元素
5.clear原理:在块元素上方加一个清除区域,使内容区顶端正好与浮动块底端紧挨,但块元素的margin-top会看上去消失,如果想在浮动元素和clear原素间加一点距离,可给浮动元素加margin-bottom以加大浮动框大小
6.对于绝对定位元素来说,设置宽高不一定必要,会由偏移隐含确定
7绝对定位(从左到右):有auto
高度/宽度为auto:非替换元素,自适应;替换元素,原有宽/高
水平看left/right,垂直看top
若仍有right/bottom为auto,margin为auto的设为0
margin-top、bottom或margin-left、right仍为auto,将其设置为相等值,居中效果
剩下一个auto,自适应
8.渐变可用于内容(content)填充,《html5+css3》p439
9.设置渐变背景,-moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)),url(img/bck.jpg);
纯属个人意见,欢迎批评指正
继承内部元素前景色(color:black.可能对元素本身没有效果)
2.border-style:none;//不仅样式没了,border-width也变为0
3.margin、padding百分数继承父元素width
4.背景是固定的(fixed),background-attachment:fixed,则都是从窗口左上角开始定位,而不是本身元素
5.clear原理:在块元素上方加一个清除区域,使内容区顶端正好与浮动块底端紧挨,但块元素的margin-top会看上去消失,如果想在浮动元素和clear原素间加一点距离,可给浮动元素加margin-bottom以加大浮动框大小
6.对于绝对定位元素来说,设置宽高不一定必要,会由偏移隐含确定
7绝对定位(从左到右):有auto
高度/宽度为auto:非替换元素,自适应;替换元素,原有宽/高
水平看left/right,垂直看top
若仍有right/bottom为auto,margin为auto的设为0
margin-top、bottom或margin-left、right仍为auto,将其设置为相等值,居中效果
剩下一个auto,自适应
8.渐变可用于内容(content)填充,《html5+css3》p439
9.设置渐变背景,-moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)),url(img/bck.jpg);
纯属个人意见,欢迎批评指正
相关文章推荐
- 图片翻页效果引出的animate.css,很好玩,多动动吧~
- 根据下拉列表,改变button的css和颜色
- html css基础(一)
- 纯CSS实现delay连续动画
- 使用系统方法 创建一个 自定义样式的button
- 奇 偶 行的css 设置背景颜色.
- 基本的css
- PullToRefreshView的样式以及一些问题
- css代码初始化
- css3 文本选中控制属性
- CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
- [No000042]CSS 之 平时那些你不敢用的字体
- HTML与CSS入门——第三章 理解HTML和XHTML的关系
- CSS3 文本超出后显示省略号...
- css3关于flex弹性盒子最新语法及案例
- 网页css
- css3 复选框
- css3导航特效
- 分享一个css浏览器兼容重构代码
- 纯CSS实现文字一行居中,多行左对齐的方法