CSS默认可继承样式

前面的话

　　一直想总结出一份可继承样式的列表。常听说，颜色和字体是可继承的，盒模型样式是不可继承的，但其他样式呢？本文内容包括所有可继承的样式

　　[注意]关于样式的详细信息移步至此

常用可继承样式

color
cursor
direction
font
letter-spacing
line-height
list-style
text-align
text-indent
text-shadow
text-transform
white-space
word-break
word-spacing
word-wrap
writing-mode

不常用可继承样式

caption-side
empty-cells
text-combine-upright
text-orientation
text-rendering
text-underline-position
widows
时间： 2024-10-22 09:35:33

CSS默认可继承样式的相关文章

表单元素默认不继承样式

难题 可能有人已经注意到了,有时button或者input是不会默认继承样式的,尤其是font,直观就能看出来了. 原因 根据SO的回答,因为浏览器会采用系统默认的样式来渲染大部分的表单元素,而且这个默认的样式文件还能找到.想深入了解的可以戳下方参考文档链接. 方案 主动加上inherit,并不是什么好方案,但是也没找到更好的. .form-element { font:inherit; } 参考文档: Why textarea and textfield not taking font-fam

css选择器权重、样式继承、默认样式

学过css的小伙伴都是指css选择器的权重 !important Infinity 行间样式 1000 id   100 class|属性|伪类 10 标签|伪元素 1 通配符 0 权重相同 相同css文件:写在后面的起作用 不同css文件:后导入的起作用 但今天遇到一个问题 <body> <div style="color: red"> <span>123</span> </div> </body> 却是这样的

css 默认样式

body,textarea,input,select,option {font-size:12px;color:#333;font-family:Tahoma,Arial,sans-serif;} h1,h2,h3,h4,h5,h6 {font-size:100%;} body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;} ol,ul,textarea,input,

举例详解CSS中的继承

CSS的继承是由所使用的样式属性定义的.换句话说,当你查看CSS属性backgruound-color,你会看到一栏「继承性」,也许你几乎没有在意过它,但是它还是十分有用的.什么是CSS继承 每一个元素都是文档树的一部分,除了最顶级的HTML元素,每个元素都有其对应的父级元素,每一个父级元素的CSS属性值都可以被应用到它的子元素中去. 举个栗子,H1标签包含着一个EM标签: EM就是H1标签的子元素,任何H1中继承的CSS属性值会自动在EM标签中生效,比如: CSS Code复制内容到剪贴板 h

7. CSS装饰网页的样式

CSS中有哪些用来装饰网页的样式呢?在这里我们对一些常用的样式做了总结. 字体样式 1 /* 2 * 一般样式书写 3 */ 4 .font_style_1{ 5 font-family: "华文行楷"; 6 font-size: 20px; 7 font-style: italic; 8 font-weight: lighter; 9 } 10 /* 11 * 字体样式简写 12 * 顺序:font-style > font-variant > font-weight &

CSS ul（列表样式）

CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一.列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记. 二.不同的列表项标记 list-style-type属性指定列表项标记的类型是: ul.a {list-style-type: circle;} /*无序,空心

[HTML/CSS]uploadify自定义按钮样式

概述 在项目中经常用到uploadify上传插件,但是FLASH按钮的外观往往跟我们网页的设计的主题色不太搭配.这时就需要对其样式进行修改. 样式文件是uploadify.css. 打开这个文件后,你会看见CSS设置的按钮样式. 1 .uploadify-button { 2 background-color: #505050; 3 background-image: linear-gradient(bottom, #505050 0%, #707070 100%); 4 background-

Css选择器(上) 让样式无孔不入

css选择器    一个可以选择样式的工具, 这里适用于无论是内部代码还是外部引用 abc.css 这类型的文件. 基本选择器*{ }        就是一个简单的*, 代表应用于全部. 不适合于个性化细致化处理的页面, 副作用是它会覆盖原有的style, 不管好坏 *和继承无关, 无论是否一级标签,是否子标签, 一律收到*的影响.(神一般)p{ }        元素选择器, 或者说是标签选择器. p可以是任何其他标签 #123{ }    id选择器, 如<a id ="123&quo

CSS 修改 IOS 默认按钮样式

不知道大家在做移动端页面的时候有没遇到过在 IOS 端 一些按钮显示和安卓的截然不同,今天下午又有一个小伙在群里问这个问题.我记得之前我也遇到过,今天给大家分享一下怎么使用 CSS修改IOS的默认样式. ======================================================== 小月博客 http://www.aliyue.net WEB ======================================================== 第一: