哪些css属性可以继承?

1. 可继承:

  • font-size
  • font-family
  • color
  • ul
  • li
  • dl
  • dd
  • dt

2 不可继承:

  • border
  • padding
  • margin
  • width
  • height

css 有哪些选择器,优先级如何计算

  • id 选择器 (# myid)
  • 类选择器 (.myclass)
  • 标签选择器 (div)
  • 相邻选择器 (h1+p)
  • 子代选择器 (div>p)
  • 后代选择器 (div p)
  • 通配符选择器 (*)
  • 属性选择器 (div[class=”myclass”])
  • 伪类选择器 (a:hover, li:nth-child)

css3 新增选择器

  • p:first-of-type
  • p:last-of-type
  • p:only-of-type
  • p:only-child
  • nth-child(2)
  • :enabled
  • :disabled
  • :checked

优先级: !important > 内联 > id > class > tag

优先级就近原则,样式定义最近者为准 内联 > 嵌入 > link引入

以最后载入的样式为准

行内元素块元素分别有哪些

1. 行内元素

  • a - 锚点
  • abbr - 缩写
  • acronym - 首字
  • b - 粗体(不推荐)
  • bdo - bidi override
  • big - 大字体
  • br - 换行
  • cite - 引用
  • code - 计算机代码(在引用源码的时候需要)
  • dfn - 定义字段
  • em - 强调
  • font - 字体设定(不推荐)
  • i - 斜体
  • img - 图片
  • input - 输入框
  • kbd - 定义键盘文本
  • label - 表格标签
  • q - 短引用
  • s - 中划线(不推荐)
  • samp - 定义范例计算机代码
  • select - 项目选择
  • small - 小字体文本
  • span - 常用内联容器，定义文本内区块
  • strike - 中划线
  • strong - 粗体强调
  • sub - 下标
  • sup - 上标
  • textarea - 多行文本输入框
  • tt - 电传文本
  • u - 下划线
  • var - 定义变量

2. 块元素

  • address - 地址
  • blockquote - 块引用
  • center - 举中对齐块
  • dir - 目录列表
  • div - 常用块级容易，也是
  • css layout的主要标签
  • dl - 定义列表
  • fieldset - form控制组
  • form - 交互表单
  • h1 - 大标题
  • h2 - 副标题
  • h3 - 3级标题
  • h4 - 4级标题
  • h5 - 5级标题
  • h6 - 6级标题
  • hr - 水平分隔线
  • isindex - input prompt
  • menu - 菜单列表
  • noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
  • noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
  • ol - 排序表单
  • p - 段落
  • pre - 格式化文本
  • table - 表格
  • ul - 非排序列表

DIV CSS两种盒子模型

定义:

网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

  • 标准盒子模型/W3C盒子模型 - content-box

范围包括margin,border,padding,content 并且content不包含其他部分

  • IE盒子模型 - bordr-box

范围包括margin,border,paddin,content 和W3C盒子模型不同的是它的content包含了border和padding