属性的名字是一个合法的标识符,它们是CSS语法中的关键字。一种属性规定了格式修饰的一个方面。CSS选择器用于选择你想要的元素的样式的模式。

css选择符有哪些?哪些属性可以继承?下面我们来看一下css的选择符与css中可以继承的属性有哪些。

CSS选择符:id选择器 (#id)

类选择器 (.warning)

标签选择器 (div、h1、p)

相邻选择器 (h1+p)

子选择器 (ul>li)

后代选择器 (li a)

通配符选择器 (*)

属性选择器 (class="fff")

伪类选择器 (a:hover, a:active)

css中可以继承的属性:

1、字体系列属性

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:允许你使文字变宽或变窄。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect 值,字体的小写字母 "x" 的高度与 "font-size" 高度之间的比率被称为一个字体的 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。

html5后代选择符,css选择符有哪些?哪些属性可以继承?相关推荐

  1. CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先?

    CSS选择器有哪些? 选择符类型 例子 例子描述 通用选择器 * 类别选择器(.class) .intro 选择class="intro"的所有元素 ID选择器(#id) #fir ...

  2. 30个你必须记住的CSS选择符

    所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性.在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用. 1. ...

  3. 前端面试知识点-DOCTYPE、盒模型、css选择符、position的值、网络协议【小咚 “面筋” 记】

    文章目录 前言 一.DOCTYPE的作用 二.盒模型 三.css选择符有哪些?优先级? 1.选择符 2.优先级 四.position的值有哪些? 五.网络协议(OSI.TCP/IP) 总结 前言 每天 ...

  4. 好程序员web前端CSS选择符(选择器):表示要定义样式的对象

    好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...

  5. jq 点击导航添加背景_jq入门(2)css选择符

    今天继续分享jq入门基础. css选择符 jQuery支持CSS规范1到规范3中的几乎所有选择符,具体内容可以参考W3C网站.这种对CSS选择符的支持,使得开发者在增强自己的网站时,不必为哪种浏览器不 ...

  6. web前端CSS选择符:表示要定义样式的对象

    1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} 语法:元素名称{属性:属性值:} 说明: a ...

  7. CSS选择符(选择器)

    CSS选择符(选择器): 表示要定义样式的对象 1.元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} ...

  8. [css选择器]总结:IE6不支持的CSS选择符

    转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转 ...

  9. [你必须知道的css系列]第一回:丰富的利器2:CSS选择符之子选择符、相邻选择符...

    对了,接下来要讲的属性选择符,相邻选择符,子对象选择符可能大家稍微有点陌生了,这当然也是有原因的,因为IE6及以下的浏览器并不支持这几个选择符,而 大多数从事这方面工作的技术人员,多数时候还是主要考虑 ...

最新文章

  1. PHP curl 模拟登录
  2. 上传文件到服务器并显示,J2EE如何实现Servlet上传文件到服务器并相应显示功能...
  3. mfp 服务器控制中心,小身材大作用 固网USB打印服务器评测
  4. [ECMAScript] module、export、import分别有什么作用?
  5. 微信小程序 bindtap 和 catchtap的区别
  6. Kali Linux 无线渗透测试入门指南 第九章 无线渗透测试方法论
  7. Python: 爬虫与一个好美国股票数据网站---英为财情,
  8. 【稀饭】react native 实战系列教程之项目初始化
  9. 菜鸟教程 linux ubuntu,菜鸟教程 Ubuntu 11.0下搭建Web服务器
  10. 颜色及图片识别原理,颜色识别传感器介绍
  11. IMDB 电影打分规则
  12. WPF应用无法使用Snoop分析的解决办法
  13. 【002】龙芯CPU实时系统解决方案
  14. 国际短信平台的收费标准是什么?
  15. mt4交易软件云服务器_MT4交易软件的使用教程及快捷键
  16. 小红书api_【实习精选】oppo、小红书等名企实习汇总(96)
  17. Mongodb使用学习笔记(二)
  18. lmproperly specified vM option.To fix the proble Android studio JVM启动错误
  19. 微信小程序网悦新闻开发--功能介绍(一)
  20. PyTorch报错:RuntimeError: CUDA error: device-side assert triggered at /pytorch/aten/src/THC/generic

热门文章

  1. 语言zzuli链表遍历_趣味图解算法之链表
  2. win8计算机usb无法识别usb设备,Win8.1无法识别USB设备原因分析及解决办法(适合Win8)...
  3. qt中json构造一个数组_告别撸单元格!我来分享Excel中如何利用一条公式得到一个数组...
  4. excel 进行二叉树_Excel下拉菜单,那些你不知道的操作
  5. python函数名的运用,闭包,迭代器
  6. 基于Neutron的Kubernetes SDN实践经验之谈
  7. ajax跨域请求问题
  8. vsFTPD编译安装使用实用手册
  9. 2016年5月29日周总结
  10. LeetCode - Search a 2D Matrix