一、

    2020.04.10HTML+CSS错题总结

 

二、

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;

  • white-space: 属性设置如何处理元素内的空白
  • normal: 默认。空白会被浏览器忽略。
  • pre: 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
  • nowrap: 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
  • pre-wrap: 保留空白符序列,但是正常地进行换行。
  • pre-line: 合并空白符序列,但是保留换行符。
  • inherit: 规定应该从父元素继承 white-space 属性的值。

 

text-overflow: clip|ellipsis|string;

描述
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。

 

overflow属性有以下值:

描述
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

 

三、

2020.04.10HTML+CSS错题总结2020.04.10HTML+CSS错题总结

h3#title.title 同一个标签各种属性写在一起权重依次相加

1

2

3

4

div > #title{color: blue;}             //标签+id = 100+1 = 101

div > h3#title.title{color: red;}         //标签+标签+id+类 = 1+1+100+10=112

[lang=”en”] h3.title{color: green;}        //属性+标签+类 = 10+1+10 =21

[lang=”en”] #title{color: gray;}         //属性+id = 10+100 = 110

ps:CSS的选择器进制是256进制。

 

四、

2020.04.10HTML+CSS错题总结

initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

五、

ID选择器在css1中就定义了

 

六、

2020.04.10HTML+CSS错题总结2020.04.10HTML+CSS错题总结

2020.04.10HTML+CSS错题总结

 

七、

2020.04.10HTML+CSS错题总结

置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。 
例如:浏览器会根据<img>标签的src属性的 值来读取图片信息并显示出来,而如果查看(x)html代码,则看不到图片的实际内容;<input>标签的type属性来决定是显示输入 框,还是单选按钮等。 (x)html中 的<img>、<input>、<textarea>、<select>、<object> 都是置换元素。这些元素往往没有实际的内容,即是一个空元素。

置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。

不可替换元素:(x)html 的大多数元素是不可替换元素,即其内容直接表现给用户端(如浏览器)。

例如: <label>label中的内容</label> 标签<label>是一个非置换元素,文字label中的内容”将全被显示。

 

八、

2020.04.10HTML+CSS错题总结

A:a 元素可以没有 href 属性,此时为超链接的一个占位符,则 A错误

B:target 属性可选有:_blank、_self、framename等值

C:rel 属性有多个值时,使用空格 " " 分隔

D:href 属性的可选有:

                          绝对路径(href = "https://www.baidu.com")

                          相对路径(href = "index.html")

                          锚(href = "#top")

九、

2020.04.10HTML+CSS错题总结2020.04.10HTML+CSS错题总结

2020.04.10HTML+CSS错题总结

十、

2020.04.10HTML+CSS错题总结2020.04.10HTML+CSS错题总结

相关文章:

  • 2021-06-30
  • 2021-07-08
  • 2021-06-01
  • 2021-07-13
  • 2021-10-18
  • 2021-09-15
  • 2022-12-23
  • 2021-07-01
猜你喜欢
  • 2021-11-05
  • 2021-07-28
  • 2021-11-13
  • 2021-10-14
  • 2021-10-10
  • 2021-09-20
  • 2021-11-29
相关资源
相似解决方案