HTML笔记

<!doctype html>

HTML模板--天心阁主

web前端开发之div/CSS基础知识整理

html骨架

html>head(title)+body

标题标签

h1>h2>h3>h4>h5>h6 [字体从h1→h6依次变小]

举例：》》标题具有权重性；只能用于标题

我是h1标签

我是h2标签

我是h3标签

我是h4标签

我是h5标签

我是h6标签

段落标签

p标签

p自带换行效果

i斜体文本标签

em斜体文本强调标签

span行标签

strong文本加粗强调标签

b文本加粗标签

CO_{2 sub下标标签}

O^{2 sup上标标签}



pre预格式文本标签

<html>

<head></head>

</html>

a标签

点击跳转
锚点：<a href="#要达到的地点id"> <!-- href：跳转链接地址，路径

-->

列表标签

无序列表ul

有序列表ol

往后？

往前？

驻足不动？

无序列表

往后？

往前？

驻足不动？

自定义列表

你: 好

图片标签

表格

表格基础

合并单元格

三个划分区域的语义标签

form标签

form将前端的数据发送的后端
action="后端地址"
method="get" / "post"
使用控件发送数据的时候，数据必须有名字(name)
input控件。不同于type标签属性，使input的意义不同
type="submit" / "image"提交按钮
text 单行文本框
password 密码框
radio 单项选择按钮框
hidden 隐藏框
value ="" 让表单有默认的实际值
placeholder="" 让表单有提示文字
<--------------------------------br></--------------------------------br>
label关联选择
jia d
加深

input标签

单行文本框

密码框

单选框

多选框

文本域

textarea ：name="" cols="" rows=""

下拉菜单

stlect name="" id="" >option*3 (子项)

按钮

html注释

废弃标签

实体字符

CSS初识

CSS概念

CSS作用

CSS样式

CSS书写位置

选择器

布局定位属性自身属性文本属性其他属性 CSS3属性

基础选择器

* 通配符
id
class
tag(标签名称)
div,p,a 群组选择器
用空格隔开的就是隔代选择器

选择器优先级：

高级选择器

CSS特性

继承性

层叠性

CSS属性

color

表示方法：16进制法 #fff000 英文法 red blue green
rgb(): 三原色 r：红色 0-255 g：绿色 0-255 b：蓝色 0-255
rgba() a:透明度 0-1

font

font-size 文字大小

font-family 文字字体

font-height

font-weight

font-style

font复合写法

text

text-indent

text-align

text-decoration

background

background-attachment:背景固定；
scroll 滚动，随盒子滚动
fixed 固定
background-color:颜色；
background-image:图片；
background-repeat:排列方式；默认平铺
no-repeat 不平铺
repeat-x 水平
repeat-y 垂直
background-position:定位；
x：正值往右
center 水平居中
right
left
y：正值往下
center 垂直居中
top
bottom
默认位置： left top / 0 0
若只定义了一个方向的位置，则另一个默认我center。
位置属性可为负值
background-size:背景大小；
x auto
y auto
若只定义宽度，高度则按比例缩放，反之亦然。
复合样式：地址，位置，大小，排列

盒模型初识

div：块元素默认的宽度和父级一样

padding

内边距 top right bottom left 4值 top right&left bottom 3值

margin

外边距 top&bottom right&left 2值行内元素上下值无效 auto自动化

border

边框 width：粗细 style：样式（solid 实线 dashed 虚线）
会增加盒子的大小

盒模型深入

在文档流中的块元素，如果他们之间的垂直方向的外边距相遇了，就会合并。
合并后的边距谁大就听谁的，合并之后的外边距共同拥有。

position ：relative 绝对 absolute 相对 fixed 固定

CSS3属性：
border-radius 圆角左上右上右下左下
box-shadow 水平位移值垂直位移值阴影范围值 (推移加深边缘值) 颜色值方位值 (inset 向内)
ie透明兼容：filter:alpha(opactity:透明比);
vertical-align:;