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实现一个三角形


单行文本溢出加 ...

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 编码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,192评论 1 4
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,734评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,514评论 0 40
  • 今天是礼拜天,我懒了一下床,宝贝自己早早起床了,自己找了吃的,然后自己到别处去玩,不打扰我休息,感觉自己是个不称职...
    可爱冰儿阅读 968评论 0 0