Html 常用标签，样式

  

Html 30个标签

6

H1~h6 标签

有换行，有上下边距，加粗加黑，字体变大

Div 块

有换行

P 段落

有上下边距，可以换行

Br

强制换行

Hr               

水平分割线

Span

分割符

8

B

加粗

I

倾斜

Sub

下标

Sup

上标

Dle

删除线

U

下划线

Big

比普通字体大

Mallo

比普通字体小

6

Li

列表，一般和ul，ol一起用

Ul

无序列表有上下边距，有内距，前面一般是.

ol

无序列表有上下边距，有内距，前面一般是升序

dl

自定义序列，有上下边距

dt 和div相似 自定义列表的注释

dd 有内边距 解释注释内容

4

A超链接  href = 地址target = 跳转方式 _self自身跳转_book加载空白页面跳转

锚点  定义id 把href中的地址改为#id值

Audio和video

声音和视频连接 src= 视频地址 controls = 播放器按钮

Img 图片链接 src = 地址 alt= 图片加载不出来时

4

Table

Tr 行 th表头 td表的内容

属性 border外表线到内表线距离 cellspacing 内表线到里面内容的距离 cellpedding 表里面内容的大小

1

Form

属性 action要跳转的地址  method跳转的方式 get访问跳转 post请求服务器访问

里面常有label 常用属性 for需要输入id。 里面放的文字点一下会跳转到id地址

Input 属性有name value type id常用name后台有记录 value 给name传值

Type 这个input的类型 有text password这两个需要传name不需要传value。 radio checkbook这两个需要传name和 value

单独的有 select 滑动选择需要传name和value。 Textarea传name区域不需要传value

 1

Iframe 属性有src width height scrolling frameborder 。src为需要插入的地址 width为这个网页的宽，height为这个网页的高，scrolling为需不需要这个网页的滑动条，frameborder为这个网页需不需要边框

Css 13个选择器

样式可以在某个标签中直接添加属性style 定义该标签的样式

也可以在head里面添加style标签定义样式

也可以在css目录里面添加标签的样式在head用link中的herf中添加

4个选择器  父类的颜色可以继承到子孙身上

*通配选择器

基本上该.html中的标签都能选中

标签选择器

用标签选择该.html中的标签

类选择器

用类名来选择该类名的标签

Id选择器  id唯一 开头不能为数字

用id来选择该id的标签

5个选择器

，选择器

可以将几个标签一起选择 p，div，span，h1

空格选择器

可以将其子孙标签一起选择如 p span

>选择器

只能选择子辈

+选择器

只能选择同辈中相邻的

~选择器

选择同辈中相邻的可以中间格一下

4个伪类选择器  注意有顺序

前面为选择的标签：link

默认样式

前面为选择的标签：visited

访问过以后的样式

前面为选择的标签：hover

鼠标放上去的样式

前面为选择的标签：active

鼠标点击的样式

字体基本样式：

Font ：

Size 字体大小

Weight 字体粗细

Family 字体类型

Style italic 字体倾斜

Text; 文本样式

Align 文字靠那边对齐

Transform capitalize首字母对齐

Transform lowercase 全部小写

Transform uppercase 全部大写

Decoration 字体样式

Decoration underline 加下划线

Decoration overline 加上划线

Decoration line—though 加删除线

Text-indent 首行缩进 用2em不管字体大小都缩进2个字符

Div

Width div宽度 height高度 background-color 背景颜色 background-image 添加图片

Background-repeat 是否要重复，怎样重复 no-repeat不重复 repeat-x 横着重读

repeat-x 列重复 background-position 位置在哪

列表

List-style-type 列表样式disc无序 circle园 square方块

List-style-image 列表插入照片

List-style-position  outside  inside将列表前面的和列表的内容结合到一块

Css盒子模型

内补： padding 相当于一个保护膜 颜色和内容背景颜色一致可以设置上下左右的内补

内距; border 相当于一个箱子 可以自定义颜色和大小 和solid一起使用 solid表示为实线

外距：Margin相当于两个物品的距离 可以设定大小 设定的大小我觉得和相对位置相似；

Displae：可以改变标签的属性 inline-block 将其变为行内块元素 不会换行但是是块元素

Inline ：行内元素不会换行没有高宽属性常见的有 a span

Block ：块将其改变为块元素可以换行

None;属性隐藏

位置属性;position:

Overflow：溢出

Auto溢出会出现滑动条，hidden溢出部分会省略，文字溢出后会往下英文不会

Static:文本流，默认为静

Sticky：粘性位置，给他一个位置当他到达该位置是就会黏在哪里，不会阻碍其他文本通过，当没到该位置合计静位置一样

Absolute：绝对位置，与他第一个不是静态位置属性的外类向对他位置的改变，一般是大的里面嵌套小的

Relative:相对位置属性，相对的是静位置的位置，注意其他的文本流可能和他们重叠。

Fixed：固定位置属性，给一个位置他会固定在哪

符动和删除浮动

Float：

Left ：左边浮动，浮动跟着上一个左浮动的

Right：右浮动，浮动跟着上一个右浮动的，如果这一行慢了会自动换行。

Clear：清除浮动

Both ：清除左右浮动，left清除左浮动 right清除右浮动

好玩的东西：

Transform：translate（x轴移动的位置，y轴移动的位置） rotate（旋转的角度deg） scale（倍数）

Transition;all所有的 几秒

@keyframes name{

Form{这里面装开始的状态}}

}

To{

结束的状态}

这个配合 animation使用：name，秒数 ，linear线型的 infinite一直动下去

Js

Js常用的输出script 里面写console.log()

JS常见基本类型有 数字型 boor var为表明变量

Let为块状类变量 const为常数变量

类型还有列表 字典 列表还没看出和python有何不同