CSS...

块级元素和行内元素分别有哪些?

块级元素: h1~h6 div p form ul ol li table th tr td dl dd dt
行内元素: a img span em strong input label textarea sub sup abbr
块级元素可以包含块级元素和行内元素 而行内元素只能包含行内元素和文本
块级元素独自占一行 而行内元素只占据自宽度
块级元素可以设置宽高 而行内元素设置宽高无效
块级元素可以设置 内外边距 而行内元素设置上下的内外边距没有用 设置左右的内外边距有效


CSS 继承 哪些属性能继承,哪些不能?

html可以用树形结构来表示 html标签为根 然后 head body 一级一级向下
继承就是一些设置了一些特定的属性的元素,这些属性可以传递给这些元素的子孙元素
可继承的元素
color:文本颜色
direction:规定文本的书写方向
text-align:文本水平对齐
line-height: 行高
text-indent:文本缩进
text-transform:控制文本大小写
word-spacing:增加或减少单词间的空白(即字间隔)
letter-spacing:增加或减少字符间的空白(字符间距)
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
块级元素可以继承的属性:text-indent、text-align

不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。


如何让块级元素水平居中?如何让行内元素水平居中?

块级元素可以用 margin: 0 auto; 行内元素可以用 text-align: center;


用CSS实现一个三角形

CSS..._第1张图片

单行文本溢出加 ...

white-space: nowrap; 属性设置如何处理元素内的空白。nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。
overflow: hidden; overflow 属性规定当内容溢出元素框时发生的事情。hidden 内容会被修剪,并且其余内容是不可见的。
text-overflow: ellipsis 属性规定当文本溢出包含元素时发生的事情。ellipsis 显示省略符号来代表被修剪的文本。


px, em, rem 有什么区别

px像素(Pixel)。固定单位

em是相对长度单位。相对于父元素字体大小宽高长度的倍数

rem是一个相对单位(root em,根em)。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。


下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

font: 12px/1.5 tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;

字体大小为12px 行高为字体大小的1.5倍 也就是 18px 从左到右依次寻找写的字体 有就用 没有就下一个 最后的sans-serif是为了保证在前几种字体都没有的情况下 计算能正常显示 sans-serif计算机里都有
加引号是因为 字体里有空格
\5b8b\4f53 宋体,是一个 Unicode 编码

你可能感兴趣的:(CSS...)