css常见样式
2017-07-02 本文已影响0人
marmot_ning
CSS常见属性
块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级元素:div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
行内元素：em strong span a br img button iput label select textarea code script
块级元素与行内元素区别：
- 块级可以包含块级和行内，行内只能包含文本和行内
- 块级占据一整行空间，行内占据自身宽度空间
- 块级元素高度和宽度可进行设置；行内元素对于宽高设置无效
- 块级元素总在新的一行上开始；行内元素和其他元素在一行
什么是 CSS 继承? 哪些属性能继承，哪些不能？
- 继承就是子标签继承了上级标签的CSS样式的属性
例
可以继承的属性
文本相关的属性：font-family, /*字体类型，如宋体、微软雅黑、Arial等*/
font-size, /*字体大小*/
font-style, /**/
line-height,font-variant, font-weight, font, letter-spacing,text-align, text-indent, texttransform, word-spacing
列表相关的属性：list-style-image, list-style-position,list-style-type, list-style,
重要属性：color，
azimuth, border-collapse, border-spacing,
caption-side, color, cursor, direction, elevation,empty-cells, orphans, pitch-range,
pitch, quotes, richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress,
visibility, voice-family, volume, whitespace,
widows,
不可继承的属性：
border， padding， margin， background-color， width， height，
如何让块级元素水平居中？如何让行内元素水平居中? ###、
- 块级元素居中：设置margin： 0 auto；或者设置：margin-left： auto；margin-right： auto；
- 行内元素居中：text-align：center；
用 CSS 实现一个三角形
实现三角形
单行文本溢出加 ...如何实现?
文本溢出实现
px, em, rem 有什么区别
- PX:固定单位
- em：相对单位，相对于父元素字体的大小
- rem：相对单位，相对于根元素（html）字体大小
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
- body的所有字体为12像素，所有文本行高为字体的1.5倍，font-family的优先级顺序为 tahoma>arial>'Hiragino Sans GB'>'\5b8b\4f53'>sans-serif;
- 加引号是因为字体族名之间存在空格；
- '\5b8b\4f53'：宋体的unicode码。
