美文网首页
html和css基础特殊知识记忆

html和css基础特殊知识记忆

作者: 凉城十月 | 来源:发表于2020-06-22 00:06 被阅读0次

1.命令行

 1. whois: 用来查看某个域名拥有者的身份

2.HTML

1.  空标签: 没有闭合标签的标签就都是空标签。
img,input,meta,link,hr,br,col,colgroup

2.可写在head里面的标签有:base,title,meta,link,script,noscript。

noscript: 如果浏览器不支持script,则会显示noscript中的内容。(现在的浏览器一般都支持script)

3.用meta声明当前页面的charset的两种方式:

   1)<meta charset="utf-8"> -----html5中简略写法

    2)<meta http-equiv="content-type" content="text/html;charset=utf-8"> -------如果后台没有写content-type,前端可以用http-equiv补救。

4.body标签的margin默认为8px

5.可替换元素:外观不是由css的控制的,外观渲染独立于css的外部对象。

  典型的有:<img><object><video>和表单元素,如<textarea><input>。

6.checkbox:实现点击文字选中勾选框

   <label>文字<inputd type="checkbox" name="xxx"></label>

--------必须input必须写name,没有name的东西在提交时是无法拿到的。

7.select下拉框: 用 multiple 实现可以按住键盘ctrl或shift+鼠标点击实现多选。

8.textarea 在浏览器中固定宽和高:<textarea style="resize: none;" ....> </textarea>

-------用css控制宽和高最精确,也可以用cols和rows,但是不够精确。

9.colgroup用法:

<colgroup>

    <col width=100>   -------控制第一列的宽高

   <col bgcolor=red width=100> --------第一列的背景颜色设为红色

………………………………

</colgroup>

10.meta

<meta charset="utf-8">当后端是自己写的的情况下,charset可以不写,因为会在后端指定Content-Type的时候传过来一个charset,但是不是自己写的的情况下,当出现

<title>你好</title>

<meta charset="utf-8">的情况,“你好”两个字需要utf-8来解析。但声明在title的后方,浏览器优先去后端查找解析规则,如果此时后端没有写Content-Type定义charset的话,“你好”两个字会出现乱码。

meta的几种用法:

<meta name="author" content="">

<meta name="keyword" content="">

<meta name="description" content="">

3.CSS

1.合并table的border空隙: border-collapse:collapse

2.内联元素的高度是不可控的,在font-size比较小时,可用line-height控制。所以内联元素的padding只对左右生效,不能控制上下。

3.div的高度是由其内部的文档流元素的高度总和决定的

文档流:文档内元素的流动方向。

4. word-break:  在内联元素中,流动收到阻碍时,默认中文是一个字一个字的打断(即break-all),英文是一个单词一个单词的打断(即break-word)。

5.max-width: 当浏览器的宽度小于这个宽度时,容器会自适应的缩变。如果用width,浏览器的宽度变动时,容器的宽度保持不变,不会自适应。(默认需要自适应)

6.css布局中,尽量不要使用width和height,应该使用padding去补宽和高,这样可以使得bug尽量减少,必要时可以明确一下line-height。

7.伪元素: ::before ::after 必须指定content=“”,内容是无法被鼠标选中的。

相关文章

网友评论

      本文标题:html和css基础特殊知识记忆

      本文链接:https://www.haomeiwen.com/subject/qagaxktx.html