十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、字体系列属性
成都创新互联公司服务项目包括蔡家坡网站建设、蔡家坡网站制作、蔡家坡网页制作以及蔡家坡网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,蔡家坡网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到蔡家坡省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
2、文本系列属性
text-indent:文本缩进
text-align:文本水平对齐
line-height:行高
word-spacing:增加或减少单词间的空白(即字间隔)
letter-spacing:增加或减少字符间的空白(字符间距)
text-transform:控制文本大小写
direction:规定文本的书写方向
color:文本颜色
3、元素可见性:visibility
4、表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout
5、列表布局属性:list-style-type、list-style-image、list-style-position、list-style
6、生成内容属性:quotes
7、光标属性:cursor
8、页面样式属性:page、page-break-inside、windows、orphans
9、声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
三、所有元素可以继承的属性
1、元素可见性:visibility
2、光标属性:cursor
四、内联元素可以继承的属性
1、字体系列属性
2、除text-indent、text-align之外的文本系列属性
五、块级元素可以继承的属性
1、text-indent、text-alig
字体相关:line-height, font-family, font-size, font-style, font-variant, font-weight, font
文本相关: letter-spacing, text-align, text-indent, text-transform, word-spacing
列表相关:list-style-image, list-style-position, list-style-type, list-style
还有一个比较重要的:color
不可继承的: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、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可继承: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。
所谓层叠性是指多种CSS样式的叠加:
结果是:.two样式生效
所谓继承性是指书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。
与文字有关的属性都可以,实现继承:
特殊点:
结果:a标签会继承div的样式
定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。
关于CSS权重,我们需要一套计算公式来计算,这个就是CSS Specificity,我们称为CSS特性或称非凡性,它是一个衡量CSS值优先级的一个标准。具体规范如下:
注意:
总结:
手持手册给你找
布局:visibility,
颜色:color
字体:
属性 版本 继承性 描述
font CSS1/2 有 简写属性。定义元素的文本特性
font-style CSS1 有 指定元素的文本是否为斜体
font-variant CSS1 有 定义元素的文本是否为小型的大写字母
font-weight CSS1 有 定义元素文本字体的粗细
font-size CSS1 有 定义元素的字体大小
font-family CSS1 有 定义元素文本的字体名称序列
font-stretch CSS3 有 定义元素的文字是否横向拉伸变形
font-size-adjust CSS3 有 定义小写字母x的高度与对象文字字号的比率。
属性 版本 继承性 描述
text-transform CSS1/3 有 定义元素的文本如何转换大小写
white-space CSS1 有 指定元素是否保留文本间的空格、换行;指定文本超过边界时是否换行。
tab-size CSS3 有 定义元素内容中制表符的长度
word-break CSS3 有 定义元素内容文本的字间与字符间的换行行为
word-wrap/overflow-wrap CSS3 有 定义元素内容文本遇到边界时如何换行
text-align CSS1/3 有 定义元素内容的水平对齐方式
text-align-last CSS3 有 定义块内文本内容的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式
text-justify CSS3 有 定义使用什么方式实现文本内容两端对齐
word-spacing CSS1/3 有 指定单词之间的额外间隙
letter-spacing CSS1/3 有 指定字符之间的额外间隙
text-indent CSS1/3 有 定义块内文本内容的缩进
vertical-align CSS1/2 无 定义行内元素在行框内的垂直对齐方式
line-height CSS1 有 定义元素中行框的最小高度
text-size-adjust CSS3 有 定义移动端页面中元素文本的大小如何调整
属性 版本 继承性 描述
text-decoration CSS1/3 无 简写属性。定义元素文本装饰
text-decoration-line CSS3 无 定义元素文本装饰线条位于文本的哪个位置
text-decoration-color CSS3 无 指定元素文本装饰线条的颜色
text-decoration-style CSS3 无 定义元素文本装饰线条的形状
text-decoration-skip CSS3 有 定义元素文本装饰线条必须跳过内容中的哪些部分
text-underline-position CSS3 有 定义元素装饰线的位置
text-shadow CSS3 有 定义文字是否有阴影及模糊效果
还有部分就不列了
检验 百度搜索CSS 4. 0, 看下
CSS参考手册
版本:v4.2.7
最后更新时间:2018-4-10
编著:飘零雾雨
一、不能继承的属性
① 盒子模型所有属性:margin、padding、border、width、height。
② 轮廓及背景属性:outline、background。
③ 定位、显示、浮动属性:display、position、top、left、right、bottom、max-*(如max-height等)、overflow、clear、float、content、z-index。
④ 其他:vertical-align、text-decoration、text-shadow、white-space。
注意:内联元素不能继承:text-indent和text-align,但是块级元素可以。
二、元素可继承属性
① 所有元素可继承:visibility、cursor。
② 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。
③ 字体属性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。
④ 文本属性:text-transform、direction,除了(text-decoration、text-shadow 内联元素不能继承 ) 块级 可继承。
⑤ 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout。
⑥ 其它属性:letter-spacing、word-spacing。
如果还有您知道的,希望可以留言补充。
如果喜欢,不要吝啬你的爱心“❤”哦!