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=“”,内容是无法被鼠标选中的。
网友评论