Html:
一些特性:
-
HTML5 中的属性名对大小写敏感
-
<!DOCTYPE>
声明有助于浏览器中正确显示网页,网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
<!DOCTYPE html>
告诉浏览器当前页面使用h5版本解析 -
符合规范的 HTML 代码:
1、块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
2、有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
4、li内可以包含div
5、a标签可以包括任何元素,除了自身
form 元素的enctype属性
1.enctype属性在get请求中会被忽略,在post请求中才有效
2.application/x-www-form-urlencoded
在发送前编码所有字符(默认)
3.text/plain
以文本的形式进行编码,空格转换为 “+” 加号,不会对特殊字符进行编码
4.multipart/form-data
不对字符编码,在使用包含文件上传控件的表单时,必须使用该值
HTML5新增标签
- h5常用结构标签:
<header></header>
<nav></nav>
<section></section>
<aside></aside>
<footer></footer>
<article></article>
更多见 HTML5新元素
HTML5新增表单控件
电子邮件<input type="email">
表单提交时,会验证数据是否符号email的规范(有@,并且@后面有内容)
搜索类型<input type="search">
提供了快速清除的功能
url类型<input type="url">
提交时,验证数据是否符合url的规范(http://****)
电话号码类型<input type="tel">
在移动设备中,显示拨号键盘
数字类型<input type="number">
属性:value 默认显示的值,max 能接收到的最大值,min 能接收到的最小值,step 每次调整数字时,步数大小
范围类型<input type="range">
提供一个滑块组件,允许用户选取指定范围的值
属性:value 默认显示的值,max 最大值min 最小值,step 步长
颜色类型<input type="color">
提供一个颜色拾取器
日期类型<input type="date">
月份类型<input type="month">
周类型<input type="week">
Css:
浏览器前缀
浏览器 | 对应前缀 |
---|---|
火狐 | -moz- |
谷歌、苹果、360 | -webkit- |
欧朋 | -o- |
ie | -ms- |
文字一行显示
- 让一个元素内的文字永远在一行内显示(文字很长时也不会换行)
/*不换行也不省略 : */
word-break : keep-all;
white-space : nowrap;
/*不换行,超出用省略号代替 : */
word-break : keep-all;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
一些名词
- PostCSS:转换CSS的工具
BEM:命名规范block-name__element-name–modifier-name,也就是模块名 + 元素名 + 修饰器名,以保证命名不会冲突
LESS、SASS都是CSS预处理器
一些属性
- padding不可以为负值,可以为负值的是margin
- display:none 对应的元素不会在文档流中占据空间
visibility:hidden 虽然元素隐藏,但是对应的元素的会在文档流中占据空间
opacity以透明度隐藏,仍然可以监听
一些语法
-
div p
: 后代选择器
div > p
: 子元素选择器
div + p
: 选择紧接在 div 元素之后的所有 p 元素,相邻
div ~ p
: div后面所有的p标签选中 -
把鼠标移到按钮并点击时,会产生一串什么样的事件?
hover -> focus -> active 悬停 -> 聚焦 -> 响应
伪类与伪元素的特性及其区别:
1.伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;伪元素本质上是创建了一个有内容的虚拟容器;
2.CSS3中伪类和伪元素的语法不同;伪类 :link :hover; 伪元素 ::before ::after
3.因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾 。
4.其中伪类和伪元素的根本区别在于:它们是否创造了新的元素,这个新创造的元素就叫 “伪元素” 。
(1)伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。 这个新元素(伪元素) 是某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中.
(2)伪类:存在DOM文档中,(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。
包含块
当我们对一个元素指定百分比的数值时,这些值的计算值,就是通过元素的包含块计算得来。
(1)如果 position 属性为 static 、 relative 或 sticky,包含块就是该元素最近的祖先块级元素的 content 决定
(2)如果 position 属性为 absolute、fixed,包含块还要额外算上 padding,即 content + padding。
错误:
- 行内元素与浮动元素发生重叠,其边框,背景和内容都会显示在浮动元素之下
Js:
-
常用判断方法
① typeof:判断所有变量的类型,返回值有number,boolean,string,function,object,undefined。【typeof对于丰富的对象实例,只能返回"Object"字符串。】
② instanceof :返回布尔值,用来判断对象