html 和css的笔记

对路径：是从盘符开始的路径

相对路径：是从当前路径开始的路径（…表示父目录，上级目录）

CSS定位：静态定位 （static），绝对定位（absolute），相对定位(relati)，固定定位

绝对定位是相对于最近已定位的祖先元素，元素框从文档流完全删除 （**如果父亲没有加定位，则孩子以浏览器的基准点对齐）子绝父相

它可以像图层一样单独做一层，第几层可以通过z-index 来设置

相对定位是相对于正常排列的位置进行偏移，不脱离文档流，但仍占据空间

固定定位是元素的位置相对于浏览器窗口是固定位置

表单：

表单元素23种type类型

选择器

元素选择器，

，通配符选择器, id选择器，class选择器，属性选择器，

后代选择器（h1 em），子元素选择器(h1>strong)

伪类和伪元素

选择器优先级排序：

!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

Id选择器和class选择器的区别

只能在文档中使用一次，不能使用 ID 词列表，：ID 能包含更多含义

CSS样式：

外部样式Linking（也叫外部样式）：将网页链接到外部样式表。

内部样式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

内联样式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

它们的区别就是优先级不一样：内联式 > 内部式 > 外部式

行内元素和块级元素的区别:

行内元素
从左往右排列，不占据一行；
对其设置宽高及margin的上下距离无效

块级元素
单独占据一行

行内块级元素
不会自动换行，相比行内可以设置宽高，具有行内块级共同特性，最为常用。

ISO符号实体：

&copy ©

&reg ®

&nbsp 空格

空链接：

href="#" 这种方法会在地址栏的后面添加一个#号，然后回到页面顶部。javascript:void(0) 仅仅表示一个死链接使用javascript伪协议

这种方法会默认打开本页面，重新刷新一次页面。

这种方法可以再chrome和ie11中，不再跳回页面顶部，但是还是会修改地址栏。

CSS书写顺序：

位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
去掉小数点前的“0”

2连字符CSS选择器命名规范

1.长名称或词组可以使用中横线来为选择器命名。

2.不建议使用“_”下划线来命名CSS选择器，为什么呢？

输入的时候少按一个shift键；
浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的）
能良好区分JavaScript变量命名（JS变量命名是用“_”）
一律小写;
2.尽量用英文;
3.不加中槓和下划线;
4.尽量不缩写，除非一看就明白的单词。
CSS命名规则：

Css和其他程序一样，都是有作用域这个概念，有全局、类局部作用这些方式。

举个例子：

p{background:#f00;}/* 作用域 ：全局 */

.div p{color:#000;}/* 作用域：div类中*/

介绍下Css几种编写方式和权重对比

1）标签：权值为0,0,0,1

2）类：权值为0,0,1,0

3）属性选择：权值为0,0,1,1

4）ID：权值为0,1,0,0

5）important的权值为最高1,0,0,

作者：lxssong0
来源：CSDN
原文：https://blog.csdn.net/lxssong0/article/details/82152900
版权声明：本文为博主原创文章，转载请附上博文链接！