任务8

1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素:span, strong, em, br, img , input, label, select, textarea, cite,
区别
行内元素会在一条直线上排列,都是同一行的,水平方向排列。块级元素各占据一行,垂直方向排列。
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
行内元素与块级元素属性的不同,主要是盒模型属性上。行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。
2.什么是 CSS 继承? 哪些属性能继承,哪些不能?
比如font-familycolor可以继承。原因是可以对<html>元素先设置一个大的范围的字体,再去改写单独元素的字体样式。
margin,padding,border,background-image等不能被继承。因为这些样式如果可以被继承,并不会带来便利,反而会为开发带来麻烦。
因此可以通过常识来判断一个样式是否能被继承。
3.如何让块级元素水平居中?如何让行内元素水平居中?
块级元素水平居中:

margin:0 auto;

行内元素水平居中:

text-align:center;

5.单行文本溢出加 ...如何实现?

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

6.px, em, rem 有什么区别?
px属于绝对长度,主要取决于设备的分辨率;
em和rem属于相对长度,em是相对于当前元素的font-size,rem是相对于根元素的font-size。

设置body的字体,字号,行距
因为一个字体中间有空格,如果不加空格,会被解析为多个字体
代表字体的unicode

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,292评论 1 92
  • 1、块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素有:div,h1,h2,h3,h4,h...
    饥人谷_牛牛阅读 375评论 0 0
  • 1. 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素div h1 ~ h6(标题) p...
    在乎者也阅读 470评论 0 1
  • 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素:div , p , form, ul, ...
    饥人谷_严琰阅读 192评论 0 0
  • “像你那样云淡风轻地笑,究竟要多么强大的内心才能做到?”现在的社会女人越来越独立,可不管你有没有拥有足够的在外物质...
    悻福依然阅读 508评论 0 0

友情链接更多精彩内容