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码。
网友评论