摘要: 弹性盒子是偶遇弹性容器和弹性子元素组成,弹性容器设置display:flex或者inline-flex,会让容器变成弹性盒子。父级容器属性:1.主轴方向flex-direction-row行 横向排列-column列 纵向排列-row-reverse 横向反向-column-reverse 纵向反向 阅读全文
posted @ 2022-08-08 10:59 母佳乐 阅读(118) 评论(0) 推荐(0) 编辑
摘要: css命名规则topber顶部条header头部content内容footer底部nav导航条菜单menu轮播图banner标loge搜索框search购物车cart广告ad秒杀sec更多、查看更多 more回到顶部scrollTop登陆 login登陆条 loginbar注册 regsiter 阅读全文
posted @ 2022-08-08 10:57 母佳乐 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 1.背景图片background:url(../img/46.jpg);纯色背景background:red/#ff6600;2.背景尺寸、大小:水平 垂直;background-size:100% 100%;background-size:1000px 500px;根据背景图或者背景区域大小去写像 阅读全文
posted @ 2022-08-08 10:56 母佳乐 阅读(111) 评论(0) 推荐(0) 编辑
摘要: +相邻兄弟选择器,选中的是相邻的弟弟,紧挨着的弟弟,但是他不能独立存在~ 同胞选择器(兄弟选择器),选中的弟弟 (+、~)优先级是一样的,那个层级关系多那个优先级高>子代选择器空格后代选择器 通配符选择器,选中所有的元素,在选择器里优先级最低元素选择器(标签选择器),选中某一类的所有标签;派生选择器 阅读全文
posted @ 2022-08-08 10:55 母佳乐 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2022-08-08 10:54 母佳乐 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 标签也叫元素标签分行标签(行元素)和块标签(块元素)和行内块行元素:不独占一行,设置宽高无效,继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素:独占一行,设置宽高有效,继承父级属性h1-h6,p,div,form,ul,ol行内块(内联块级):不独 阅读全文
posted @ 2022-08-08 10:52 母佳乐 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 列表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-style: 阅读全文
posted @ 2022-08-08 10:51 母佳乐 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 标签也叫元素标签分行标签(行元素)和块标签(块元素)和行内块行元素:不独占一行,设置宽高无效,继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素:独占一行,设置宽高有效,继承父级属性h1-h6,p,div,form,ul,ol行内块(内联块级):不独 阅读全文
posted @ 2022-08-08 10:50 母佳乐 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 表单 form<form action="" method="post"></form>action=""将表单提交到对应地址method="get/post"提交方式get获取post传输 1.如何实现表单提交①<form action="提交地址"></form>②提交按钮<button typ 阅读全文
posted @ 2022-08-08 10:49 母佳乐 阅读(32) 评论(0) 推荐(0) 编辑
摘要: html超文本标记语言html的标签1.文字标签标题标签特点加粗加大(h1-h6)h1-h6属性:align="left/center/right"位置,左、中、右段落标签<p></p>align="left/center/right"文字加粗<b></b> <strong></strong>文字斜 阅读全文
posted @ 2022-08-08 10:48 母佳乐 阅读(16) 评论(0) 推荐(0) 编辑