HTML+CSS基础自制笔记

1、html+css基础自制笔记vscode代码快捷键：1、！ :自动写入框架2、alt+b ：执行网页标题标签：段落标签：换行标签：文本格式化标签：盒子标签：图像标签和路径：超链接标签：注释标签：语法：快捷键：ctrl + /常用特别字符：基本语法：1、table用于定义表格的标签2、tr中储存每一行的数据3、td中储存一行中的每一个单元格的数据1、表头会居中、加粗显示1、属性写在table标签内部？ 如：头部区域：用把第一行的表头包含进去主体区域：用把表格主体包含进去跨行合并：rowspan=合并单元格的个数跨列合并：colspan=合并单元格的个数目标单元格：？ 跨行：找最上侧？ 跨列：找最

2、左侧合并步骤：1、确定跨行或者列2、找到目标单元格和合并方式？ 如：3、删除多余单元格？ 如：合并了哪几个就删除被合并的单元格的代码无序列表（重要）ul ：无序列表li ：容纳元素的容器有序列表（理解）ol ：有序列表自定义列表（重点）dl ：自定义列表dt ：大的类名dd ：描述类的说明一个完整的表单：由 表单域、*表单控件（元素）*和 提醒信息 组成1、用于定义表单域，会把范围内的元素信息提交给服务器action会把数据送到相应文件中method设置提交方式2、单标签用于收取用户信息input标签：button：定义可点击按钮checkbox：定义复选框（多选框）file：定义输入字段和扫

3、瞄按钮，供文件上传hidden：定义躲藏的输入字段image：定义图像形式的提交按钮password：定义密码字段，字符将被掩码radio：定义单选按钮（单选框）reset：定义充值按钮submit：定义提交按钮，发送给数据服务器text：定义单行输入的字段，默认20个字符id: 用来设置labal标签其他属性：labal标签：语法：说明：for中的目的地至id一样标签select标签：说明：下拉列表标签语法：1、假如想让标签默认选中某个option即：textarea标签：不常用的属性：cols表示每行的字符数，rows表示能有多少行写表单时在form中放table储存1、css由挑选器和一

4、条或多条声明组成挑选器：挑选修改的元素声明：详细修改的属性写在head中声明常用属性：1、color:色彩2、font-size:25px（字体数值大小）作用：用来挑选标签1.标签挑选器作用：把一类标签挑选出来举行操作2.类挑选器作用：单独挑选某几个标签举行操作，而不是所有此类标签多类名用法方式：把多个类名放在一个属性里，并用空格隔开如：3.id挑选器作用：为标有特定id的元素操作样式，通常用定义区分：和class的区分为，一个id只能调用一次，不能多次调用，但class可以被多次调用4.通配符挑选器作用：选取全部元素举行操作，通常用*定义1.字体系列：假如属性值有多种字体，会挨次寻觅电脑中存

5、在的字体来用法2.字体大小标题标签特别，需要单独设置大小3.字体粗细属性值：normal：默认bold：加粗bolder：特粗lighter:变细number（给一个数字，如：700）：加粗的大小4.文字样式作用：让斜体的字体变正常5.复合属性假如想削减代码量，有默认的符合属性组合：必需写大小和样式1.文本色彩属性值：red 或 rgb（255,0,0） 或 十六进制数2.对齐文本属性值：left：左对齐（默认）center：居中right：右对齐3.装点文本none：默认underline：下划线overline：上划线line-through：删除线4.文本缩进作用：使文本的首行缩进对应的

6、像素值em表示一个字体的大小长度5.行间距间距组成：上间距、文本高度、下间距1、行内样式表（行内式）挺直在当前标签中添加css属性：2、内部样式表（嵌入式）在html中的head标签中定义style标签中书写控制范围是囫囵页面，代码结构清楚练习代码多用此方式3、外部样式表（链接式）创建css文件，在html文件中引用他1、生成标签：打出标签再按tab即可迅速生成2、生成多个标签：div*5 按tab，即可生成5个div盒子3、有父子标签时，用>符号衔接？ 如： tr>td 再按tab4、有兄弟关系时，用+符号衔接？ 如： p+div 再按tab5、当你想用法类挑选器或id挑选器时，

7、用。 和 快捷输入？ 如：p.red 和 divuser6、当你想生成多个类挑选器时，用。demo为自增运算符7、当你对标签挺直输入内容时，可以用？ 如：div我是朱昱崐 再按tab用法单词首字母：？ 如：ti2em + tab 等价于 text-indent:2em;1、后代挑选器作用：选中父元素中的全部后代元素举行操作？ 如：2、子元素挑选器和后代挑选器的区分：只会对子元素的挑选器操作，而不会对同名的孙子元素操作3、并集挑选器作用：挑选多组标签，同时定义多种标签的声明，用，分隔4、伪类挑选器作用：向某项挑选器添加特别的效果，比如给衔接添加效果链接伪类：a:link 挑选全部未拜访的链接a:visited 挑选全部已被拜访的链接a:hover 挑选鼠标指针位于其上的链接（鼠标经过，color:369）a:active 挑选活动链接（鼠标按下还未弹