1.css中position属性
定位position是不可以继承到子元素的
2.绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:
3.HTML5跨文档消息传输:HTML5提供了在网页文档之间互相接收与发送信息的功能。
使用这个功能，只要获取到网页所在窗口对象的实例，
不仅同源（域+端口号）的Web网页之间可以互相通信，
甚至可以实现跨域通信。
4.伪元素选择器
- a：hover是在a:visited之后生效
- a：hover是在a：link 之后生效
- a：active触发的顺序确实位于 a：hover之后
- a：active表示链接被按下的时候
5.HTML input 元素种类
6。CSS轮廓ouyline
7.块级元素
8.<!–…–> | HTML注释标签
CSS中注释单行代码操作/* */
JS中注释单行代码操作//
9.html添加css样式有三种方法，分别为行内式（使用style属性，在特定的HTML标签内使用）、内嵌式（style标签把css代码放在特定页面的head部分中）、外联式（使用link标签，将外部css文件链接到HTML中）。
一、行内式
使用style属性在特定的HTML标记内设置CSS样式。
建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。例如，在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。带有内联CSS的HTML页面示例如下所示：
Hostinger Tutorials
Something usefull here.
二、内嵌式内嵌css样式就是把css代码放在特定页面的部分中。内嵌CSS需要放在标签之间。
类和ID可用于引用CSS代码，但它们仅在该特定页面上处于活动状态。每次页面加载时都会下载以这种方式嵌入的CSS样式，这样可以提高加载速度。在某些情况下使用内嵌样式表很有用，比如：向某人发送页面模板， 因为一切都在一个页面中，所以看到预览要容易得多。
内部样式表的一个示例：
三、外联式外联式就是使用link标签元素将外部CSS文件（.css文件）引用到HTML页面中，引用需要放在页面的部分中。
这是将CSS添加到html页面上最方便的方法。这样，您对外部CSS文件所做的任何更改都将反映在你的网站上。
外联样式表的一个示例：
而style.css包含所有样式规则。例如：.xleftcol {
float: left;
width: 33%;
background:#809900;
}
.xmiddlecol {
float: left;
width: 34%;
background:#eff2df;
}
rel:属性用于定义链接的文件和HTML文档之间的关系
type:是说明外链文档的类型
herf:导入css文件的路径
type属性规定样式表的MIME类型
10.
右上角到左下角，起点颜色从白色到黑色
background:linear-gradient(to bottom left,#fff,#000)
11.HTML5新增的布局标签
header(头部),footer（底部）,nav（导航）,aside（文章侧栏）,hgroup（）,section（主体）,figure（规定独立的流内容）,menu（菜单）,article（中间文章）
12.margin–设置为auto表示自动分配间距，而不是0。margin是可以接受任何长度，百分数值甚至负值的。
13.英文字母全部转化成大写正确的
14.脱离文档流
脱离文档流只是对html文档的一种解析方案的说法而已。脱离文档流是相对正常文档流而言的。正常文档流就是我们没有用css样式去控制的html文档结构，你写的界面的顺序就是网页展示的顺序。比如写了5个div块。正常文档流就是依次显示这5个div块。从左往右，自上而下的顺序。脱离文档流就是指它所显示的位置和文档代码就不一定一致了。比如可以用css控制，把最后一个div块显示在第一个div块的地方。这个只是浏览器的处理方案。但是，dom结构是没有发生变化的。仍旧和你写的html文档一样。用js取这个节点可以取到的。
实际上是
目前常见的会影响元素脱离文档流的css属性有：
①float浮动。
②position的absolute和fixed定位。
浮动元素不占任何正常文档流空间，而浮动元素的定位照样基于正常的文档流，然后从文档流中抽出并尽能够远的挪动至左侧或许右侧。当一个元素脱离正常文档流后，依然在文档流中的其他元素将忽略该元素并填补其原先的空间。
基于文档流，理解以下的定位形式:
相对定位：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
绝对定位：即完全离开文档流, 相关于position属性非static值的比来父级元素进行偏移。
固定定位：即完全离开文档流，相关于视区进行偏移。
15.
16.固定背景图片
17.css3新增属性
- box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素
- transtion属性，border-radius-简写属性
- border-collapse 属性设置表格的边框是否被合并为一个单一的边框
新增边框属性
新增背景属性
新增文字效果
新增动画效果
新增过渡效果
18.
19.
20.
display–彻底消失–页面会产生回流+重绘
visibility–视觉消失–页面产生重绘
21.标准盒子模型：盒子总宽度=左右margin+左右border+左右padding + width
IE盒子模型：左右margin+width在这里插入图片描述
5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDQ0MTQ2,size_16,color_FFFFFF,t_70)
22.块级元素： div ul ol li dl dt dd h1 h2 h3 h4 p
行内元素：a b span img input select strong
23.
邮件 mailto:后面加邮件名字
24.
26.语义化意味着顾名思义，HTML5的语义化指的是合理使用语义化的标签来创建页面结构，如header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。
27.简单认识了块元素和内嵌元素以后，下面就可以罗列 XHTML 标签的嵌套规则了：
- 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素：
- 块级元素不能放在
里面：
- 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：
h1、h2、h3、h4、h5、h6、p、dt
- li 内可以包含 div 标签 —— 这一条其实不必单独列出来的，但是网上许多人对此有些疑惑，就在这里略加说明：
li 和 div 标签都是装载内容的容器，地位平等，没有级别之分（例如：h1、h2 这样森严的等级制度_），要知道，li 标签连它的父级 ul 或者是 ol 都可以容纳的，为什么有人会觉得 li 偏偏容纳不下一个 div 呢？别把 li 看得那么小气嘛，别看 li 长得挺瘦小，其实 li 的胸襟很大滴……
- 块级元素与块级元素并列、内嵌元素与内嵌元素并列：
31.描述css reset的作用和用途
Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一
32.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处
32.color-----规定文本的颜色
bgcolor属性–规定文档的背景颜色
background-color 属性设置元素的背景颜色
33.
置换元素–浏览器根据元素的标签和属性，来决定元素的具体显示内容。置换元素在显示时生成了框 因此能够设置宽高，常见的置换元素：img,input,select,textarea,button, script(label不是置换元素)
非置换元素：浏览器中大多元素都是不可置换元素，及其呢容直接展示给浏览器，例如
标签里的内容会被浏览器直接显示给用户
34.h标签
标题标签一般指h1-h6 从1到6标题大小依次减小
（1)position:static,元素处于正常的文档流中，会忽略left,top,right,bottom和z-index属性，只有margin:20px 10px好使，所以margin-top为20px,上边距为20px
(2)position:relative,元素设置相对于原本位置的定位，margin-top的20px 加上top的10px 为30px
(3)position:absolute 同上，只不过这个定位是脱离文档流的
（4）position:sticky元素未滚动，在当前可视区域他的top值不生效，只有margin生效，滚动起来后margin失效，top值生效，上边距为（20）px,页面滚动起来为（10）px
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
