04 2022 档案
摘要：1.clear:both在被影响的元素上加2.给父级设置宽高加display:block3.给父级设置宽高overflow:hidden;4.伪类{content:"";宽高，displat:block;clear:both;overflow:hidden}
阅读全文
摘要：1.静态定位， static默认无定位2.相对定位 relative3.绝对定位 absolute4.固定定位 fixed 固定到某个位置5.粘性定位 sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合根据方向控制位置(top,left,right,bot
阅读全文
摘要：html csshtml 标签行元素块元素区别？行元素：不独占一行，设置宽高无效，继承父级属性块元素：独占一行，设置宽高有效，继承父级属性行内块：不独占一行，设置宽高有效，继承父级属性语义化标签：标签自身能代表其含义(a,p,img,h1-h6,strong,em,ul,table,form)非语义
阅读全文
摘要：任何元素都有盒子模型盒子模型由4部分组成：content内容 padding内边距，border边框，margin外边距从内而外：content-padding-border-marginmargin书写padding:10px;上下左右10pxpadding:5px 10px;上下 5px 左右1
阅读全文
摘要：浮动竖着排列的项目想横向排列标准文档流在不使用其他与排列和定位相关的css规则时，各个元素排列方式 脱离(标准)文档流1.浮动2.定位3.弹性盒子预防浮动带来的问题设置父级，设置号宽高清除浮动1.clear:both;
阅读全文
摘要：css命名规则 topber顶部条 header头部 content内容 footer底部 nav导航条 菜单menu 轮播图banner 标loge 搜索框search 购物车cart 广告ad 秒杀sec 更多、查看更多 more 回到顶部scrollTop 登陆 login 登陆条 login
阅读全文
摘要：1.背景图片background:url(../img/46.jpg);纯色背景background：red/#ff6600;2.背景尺寸、大小:水平 垂直；background-size:100% 100%;background-size:1000px 500px;根据背景图或者背景区域大小去写像
阅读全文
摘要：+相邻兄弟选择器，选中的是相邻的弟弟，紧挨着的弟弟，但是他不能独立存在 ~ 同胞选择器（兄弟选择器），选中的弟弟 （+、~）优先级是一样的，那个层级关系多那个优先级高 >子代选择器 空格后代选择器 通配符选择器，选中所有的元素，在选择器里优先级最低 元素选择器（标签选择器），选中某一类的所有标签；
阅读全文
摘要：css选择器1.标签选择器p{} span{} h1{}2.class类名/类别选择器3.id选择器id名称唯一，优先级比class和标签要高4.后代p span{} p .text{}5.子代p>span>b{} 逐级写不能跳级6.通用选择器*{} 所有标签都应用7.群组选择器body,ul,ol
阅读全文
摘要：标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独
阅读全文
摘要：列表1.有序列表ordered list<ol> <li></li> <li></li> <li></li> <li></li></ol>2.无序列表unordered list<ul> <li></li> <li></li> <li></li> <li></li></ul>无序列表默认样式list
阅读全文
摘要：标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独
阅读全文
摘要：表单 form<form action="" method="post"></form>action=""将表单提交到对应地址method="get/post"提交方式get获取post传输 1.如何实现表单提交①<form action="提交地址"></form>②提交按钮<button typ
阅读全文
摘要：表格table tr行 td列也是单元格属性：1.width宽度2.height高度3.表格内外边框空隙cellspacing="0"4.内边框到内容的距离cellpadding=""5.边框border="1" 6.边框颜色bordercolor=""7背景颜色bgcolor="green"8.背
阅读全文
摘要：html超文本标记语言 html的标签 1.文字标签 标题标签特点加粗加大(h1-h6) h1-h6属性：align="left/center/right" 位置，左、中、右 段落标签<p></p> align="left/center/right" 文字加粗<b></b> <strong></st
阅读全文
摘要：1.绝对路径： 只有两种 1） 完整的网址 2） 从根目录开始的本地路径 2.相对路径：三种情况 1）html页面和被访问的文件在同一个文件夹里面，也就是它们俩是亲兄弟关系，怎么访问：直接写被访问问价的名字（需要带后缀文拓展名） 2）被访问的文件在HTML页面所在文件夹的子文件夹里，也就是html是
阅读全文
