CSS心得宝典

初学者必备 Html属性不能重复使用,但css的属性是后写的替换先写的

子级标签属性会继承父级标签属性

子级标签属性与父级冲突,子级优先

布局级别就是排队级别:默认布局级,浮动布局级,定位布局级

默认布局级下标签间的margin值共用

浮动布局级下margin值相加

绝对定位安置位置参考文档

相对定位安置位置参考本身

固定定位安置位置参考窗体

宽度属性认知: 默认布局级,块元素有默认宽度,宽度由父级决定,因此建议宽度尽量设置给父级,易控。 浮动布局级,块元素无默认宽度,宽度由子级支撑,但宽度可相对父级设置百分比。

高度属性认知: 父级有高度设置时,子级可溢出,父级无高度设置时由子级内容支撑,因此建议高度值尽量设置给子级,易控。 CSS中可继承的属性

所有元素可继承:visibility和cursor

内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction

块状元素可继承:text-indent和text-align

列表元素可继承:list-style、list-style-type、list-style-position、list-style-image

表格元素可继承:border-collapse

CSS中不可继承的属性

display、margin、border、padding、background、height、min-height、 max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear

CSS优先级

CSS优先级:ID选择器 > 类选择器 > 标签选择器

CSS派生选择器优先级的计算规则如下:

ID选择器 加100

类选择器 加10

标签选择器 加1

将数值累加,就得到每个CSS定义的优先级的值,

数值大的CSS样式的优先级高。

原文发布于微信公众号 - 我分享我快乐(duan_uid)

原文发表时间:2015-03-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏淡定的博客

css3之3D转换

2022
来自专栏前端杂货铺

响应式web布局中iframe的自适应

困境           在响应式布局中,我们应该小心对待iframe元素,iframe元素的width和height属性设置了其宽度和高度,但是当包含块的宽度...

37612
来自专栏河湾欢儿的专栏

定位

定位元素位置控制 top/right/bottom/left 定位元素偏移量。

1301
来自专栏云端架构

【云端架构】前端必备常用HTML标签

注释:开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。

4186
来自专栏十月梦想

CSS边框

border-方向:width style color(border对应分别是宽度 样式 颜色中间空格隔开。)

983
来自专栏cnblogs

【垂直居中高级篇】你不知道的垂直居中方式

      在Css中对元素进行水平居中是很简单的,如果他是一个行内元素,对它的父元素应用text-align:center;如果是一个块级元素,就对自身应用...

2088
来自专栏Sorrower的专栏

界面无小事(五):自定义TextView

1123
来自专栏九彩拼盘的叨叨叨

元素的水平居中的方法

上面介绍的方法都是浏览器兼容性比较好的。兼容IE8+,Chrome,Firefox等。

712
来自专栏Android干货

自定义控件详解(一):Paint类与Canvas类

1964
来自专栏从零开始学 Web 前端

div盒子水平垂直居中方法

这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%)  必须加上

1643

扫码关注云+社区

领取腾讯云代金券