注： 1. class选择器是可以复⽤的。 跟ID选择器有很⼤区别的，复⽤代码的能⼒⾮常强。（在⽹页中使⽤的频率⾮常强） 2. 可以添加多个class样式。 跟ID区别：ID只能写⼀个，CLASS可以写多个，通过空格隔开。 3. 多个样式的时候，样式的优先级根据CSS决定，⽽不是class属性中的顺序。 看CSS中的顺序，并不是看class属性中的顺序。 4. 标签+类的写法群组选择器css div,p,span{}通配选择器*{}层次选择器后代 : M N 找M下的所有N⽗⼦ : M > N 找M下的⼦标签N兄弟 : M ~ N相邻 : M + N特点： ~ 是找M标签下⾯的所有N标签+ 是找M标签下相邻的N标签⽆论⽤~ + 都是找下⾯的兄弟，上⾯的兄弟是不会有任何作⽤的。M[]:[calss="elem"] * ^ $伪类选择器:link 访问前的选择器 ( 只能加给a标签 ):visited 访问过后的选择器 ( 只能加给a标签 ) :hover ⿏标移⼊的选择器 ( 所有标签都能添加 ):active ⿏标按下的选择器 ( 所有标签都能添加 )其他伪类选择器:before :afterinput:checked{ width:100px; height:100px;}input:disabled{ width:100px; height:100px;}当标签能够获取焦点的时候，会触发 :focusinput:focus{ background:Red;}结构性伪类选择器：:nth-of-type()、 :nth-child():first-of-type、 :first-child

:last-of-type、 :last-child:only-of-type、 :only-child()中可以添加的值：number(第⼏个，从1开始) | n(表⽰⼀个0到⽆穷⼤的数)常⽤ id class 层次 群组 伪类...

2023年6月20日发(作者：)

操作快捷键、HTML基本标签属性HTML1.快捷键ctrl+s:保存ctrl+x:剪切ctrl+c:复制ctrl+v:粘贴ctrl+a:全选ctrl+z:撤销ctrl+y:还原shift+end:从头选中⼀⾏shift+home:从尾选择⼀⾏shift+alt+上下键：快速移动⼀⾏alt+光标左键：实现多光标操作ctrl+d:快速选中后⾯⼀样的代码tab+单词：标签ctrl+R：打开cmdtab+!：初始代码shift+tab：向前缩进tab：向后缩进ctrl=/ alt+shift+a(选中注释内容)：HTML注释：ctrl+shift+delete：清缓存f12：打开浏览器控制⾯板2.标签标题：

..

段落：

---

⽔平线页⾯标题

换⾏标记⽂本修饰标签：强调强调，⽂本斜体，不强烈_下标⽂本^上标⽂本删除⽂本插⼊⽂本加载图⽚

跳转瞄点：特殊字符：空格  © 版权 ©注册商标®⼩于号 ⁢⼤于号 >和号 &⼈民币 ¥摄⽒度 °3.列表标签 1.⽆序列表 快捷键：ul>li*3

2.有序列表

3.定义列表：

描述标题

描述内容

描述内容

4.表格5.表单标签

下拉菜单： select属性：选中默认项（select）disable属性:禁⽌操作（select input）checked属性：选中操作（input）size属性：显⽰下拉个数（select）multiple属性：多选操作（select,input）palcehoder属性：输⼊框的提⽰信息div : 划分区域的span : 修饰⽂字注释 /* */引⼊⽅式 内联样式，内部样式 ,外部样式背景background-color:背景颜⾊background-image:背景图⽚ url 地址 默认是xy都平铺background-repeat:背景图⽚的平铺⽅式 repeat默认/repeat-x/repeat-y/no-repeat;background-positiong:背景图⽚的位置 xy 0 0 (当前容器最上⾓)background-attachment:背景图⽚随滚动条的移动⽅式 scroll默认按当前元素偏移/fixed固定，背景位置按浏览器偏移；边框样式border-style:边框的样式 dashed虚线 dotted点线border-width：边框的⼤⼩border-color：边框的颜⾊ 针对某⼀条边 border-left/right/top/bottom-style

font-size：字体⼤⼩font-family：字体类型font-weight：字体粗细font-style：字体样式 normal正常 italic斜体段落样式text-decoration：⽂本修饰underline下划线 line-through删除线 overline上划线 none不添加任何修饰text-transform：⽂本⼤⼩写 lowercase⼩写 uppercase⼤写 capitalize⾸字母⼤写text-indent：⽂本⾸⾏缩进 2emtext-align：⽂本对齐⽅式 left rignt center justifyline-height：定义⾏⾼letter-spacing:定义字间距word-spacing：定义词间距（英⽂）强制折⾏word-break:break-all;特强word-wrap:break-word;不强会产⽣空⽩区复合样式background：（复合值空格隔开，⽆顺序要求 /cover）border:同上border:同上font:(有顺序，⾄少俩值)text⽆复合写法选择器ID选择器 快捷键：div#elem+tab键 -->

css #elem{}html id="elem"ID选择器的规范： 在⼀个页⾯中，ID是唯⼀值。 命名规范， 字母 _ - 数字（命名的第⼀位不能是数字）。 除了常规写法外，命名⽅式还有：驼峰式、下划线式、短线式。 常规：leftsidebar 驼峰式：leftSideBar 下划线式: left_side_bar 短线式：left-side-bar ( W3C推荐的写法 )

CLASS选择器css .elem{}html class="elem"标签（TAG）选择器css div{}html