1.加粗字体<strong></strong> <b></b>
2.横向移动<marquee></marquee>背景色bgcolor=“”(属性)
3.标签可以嵌套
4.i/em 文字变斜体
5.u 文字下划线
6.del 删除线
7.br 换行
8.p 段落
9.pre 预格式化段落10.span 标准行内标签,一般用来修饰文本
11.div 标签块标签,一般用来布局页面 划分区域
12.sub 下标
13.sup 上标
14.hr 水平分割线
15.hn 标题标签(共六级,h1,h2......)
16.dl 自定义列表
ul 无序列表
ol 有序列表
17.超链接<a href="">
18.锚链接<a href="#id">
< id="">
19.图片标签
20.文字对齐align=""
21.与图片水平距离hspace 竖直vspace
22.视频标签<video src="" controls>循环loop
23.音频标签<audio>
24.特殊字符< <
> >
空格
©
"
25.表单标签 <form action="#">
<input type="text" name="" id=""> </form>
<input type="radio" name=”xingbie“>男
<input type="radio" name=”xingbie“>女
<input type="checkbox" name=”hobby“>吃 checked默认选
submit提交
<button>确认输入</button> vaule="点击"(值)
文本域<textarea name="" id="" cols="" maxlength="最多输入"></textarea>
表单禁用disabled
下拉框<select name="city" id="">
<option value="地名">地名</option>
disable placeholder="提示"
26.表格标签 <table></table>只能表示行
th头 加黑
tr表示一行
边框<tbody border="10px" width="" height="" cellspacing="0">
水平align竖直valign
合并单元格<td colspan="几个单元格(数字)">跨行 要删一个
跨列<td rowspan="">
bgcolor背景色
27.扩大标签<label></label> <label for="nv">男</label>
28.iframe标签 <iframe src="">
29.可以关闭的对话框 <diallog open>默认关闭
30.<details></detials> 详情 中间可以加<summary></summary>改变(详情)
31.全局属性
复习
32.font-family 字体名称
font-size 字体大小
font-style:italic;倾斜
font-weight:bold;字体加粗
文本样式 text-indent
font-size
line-height行高
居中:text-align right/center/justify(文本行间对齐方式)
word-spacing改变单词间隔的
标签水平居中margin:0 auto;
文本装饰 text-decoration:underline下划线
文本颜色 color
文本方向 direction:rtl;
列表样式 去小黑点list-style-type:none;(设置列表样式)
list-style-image:url(地址);
list-style:none;
背景图片background-image: url(地址)
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
background-attachment:fixed;
css层叠样式表
1.tabindex 使标签能被tab便利
contenteditable=“可以被修改”
2.style标签引入css
3.外联link rel="stylesheet" href=""
4.基本选择器
标签选择器 标签{}
id选择器#id{}
类选择器.{}
通配符选择器*{}
包含选择器:
子代选择器 .名字>li{}
后代选择器 空格li{}
复合选择器 标签,
属性选择器 标签【type=“属性”】{颜色}
type^=选择以什么开头
type*=
type$=选择以什么结尾
伪类选择器 一个标签不同的状态,不同的样式(伪类有顺序)
hover鼠标悬停时
active鼠标下放
visited访问后
5.伪元素
伪元素选择器:li::before/after{content:“ ”}
ul li:nth-child(){}
11.28
1.块级元素 默认情况下独占一行 div,h,li等 块级元素可以设置宽,高,行高,内外边框 ol,dl也是块级元素
2.内联元素:span等 和其他元素在同一行
不能设置宽高,内外边距不能设置
3.内联块级元素:img,input标签 不能独占一行 ,可以设置宽高,可以设置内外边距
4.边框 加边框border
border-widyh边框的宽度
border-style边框的样式
border:1px solid red;
border-radius:20px/百分比 边框的弧度
border-top-right-radius:40%;
5.合并相邻边框 table
border-collapse
6.文本域 不可以拖拽resize:none;
文字对齐vertical-align:middle;(中)
7.鼠标样式 cursor:;
8.相对定位 position:absolute;
9.定位中优先级 z-index:
10.固定定位 position:fixed
11.粘性定位 position block