响应式布局
摘要：
响应式网站 同一个网站 可以同时适配多个终端 两个网站 应该pc端 一个移动端 复杂的网站（电商 两个终端） 简单的网站（ 企业网站 后台管理系统） 实现核心 ：媒体查询 响应式实现的方式 1.设置meta 默认情况下 html的最小宽度是980px <meta name="viewport" co 阅读全文
posted @ 2023-07-22 16:42 pocsan 阅读(10) 评论(0) 推荐(0) 编辑
弹性布局
摘要：
弹性布局 有旧版和新版 弹性布局是针对父元素 和子元素 dispaly flex 弹性布局的使用 定义弹性盒 定义主轴对齐方式 主轴方向是会改变的 justify-content:center； 居中 justify-content: space-between; 两端对齐 中间平均分配布局 jus 阅读全文
posted @ 2023-07-22 16:40 pocsan 阅读(43) 评论(0) 推荐(0) 编辑
属性选择器
摘要：
指定属性和属性值 属性选择器 el[属性+"属性值"] 指定属性 不指定值 属性选择器的权重是10 但是不是单独的 基本上会配合 a 属性值是个词列表 ~= 包含 以xxx开头 attr（）可以获取该标签上的属性 和值 只能获取自生标签上的值 相当于一个函数 阅读全文
posted @ 2023-07-22 16:40 pocsan 阅读(10) 评论(0) 推荐(0) 编辑
选择器
摘要：
动态伪类选择器 link visited hover active focus 伪元素操作符 before after first-line first-letter ui元素状态伪类选择器 ：checked 被选中的 旨在radio/checkbox ：enabled 激活的 ：disabled 阅读全文
posted @ 2023-07-22 16:39 pocsan 阅读(6) 评论(0) 推荐(0) 编辑
h5的语义化标签
摘要：
h5目前处于推广期 没有形成最终同意版本 h5简洁为主 h5新增的语义化标签 都有利于seo一优化 对搜索引擎友好 <header></header> 网站公共的头部 <footer></footer> 网站公用的尾部 <nav></nav> 导航 <section></section> 区块 一个 阅读全文
posted @ 2023-07-22 16:39 pocsan 阅读(19) 评论(0) 推荐(0) 编辑
定位居中的问题 位移
摘要：
子元素 如果超出父元素的宽度 居中失效 百分比是相当于与父元素来说的 位移 相对定位的为一只 百分比是相对于父元素而言的 translate的百分比是相对于自生而言的 阅读全文
posted @ 2023-07-22 16:38 pocsan 阅读(9) 评论(0) 推荐(0) 编辑
最大最小宽高的问题
摘要：
. max-width max-height 最大宽高 同理 最小宽高min 阅读全文
posted @ 2023-07-22 16:38 pocsan 阅读(8) 评论(0) 推荐(0) 编辑
其他css3属性 圆角 三角形
摘要：
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 阅读全文
posted @ 2023-07-22 16:37 pocsan 阅读(11) 评论(0) 推荐(0) 编辑
怪异盒模型
摘要：
怪异盒模型 box-sizing：boeder-box 兼容 默认值 box-sizing：content-box 标准盒模型 标准盒模型的实际宽高计算 怪异盒模型的的计算 width （padding+border）+margin 怪异模式：再低版本ie中 文档类型的缺失 会触发怪异模式（怪异模式 阅读全文
posted @ 2023-07-22 16:37 pocsan 阅读(21) 评论(0) 推荐(0) 编辑
css3
摘要：
属性 浏览器前缀 transition：.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s 阅读全文
posted @ 2023-07-22 16:35 pocsan 阅读(8) 评论(0) 推荐(0) 编辑
浏览器
摘要：
五大浏览器内核 Trident IE Gecko FF Webkit chrome/safari..... Presto opera blink 谷歌和欧鹏研发 最新的浏览器内核 阅读全文
posted @ 2023-07-22 16:34 pocsan 阅读(8) 评论(0) 推荐(0) 编辑
表格 的
摘要：
完整的表格 是由标题caption +表头thead+表身体tbody +表尾tfoot 除了表身体 其他都不是必须的（表身体是必须的） border-collapse: collapse;边框和合并 此属性只有表格才有. table-layout: fixed; 固定宽高 一定要用 两个重要属性 阅读全文
posted @ 2023-07-22 16:34 pocsan 阅读(32) 评论(0) 推荐(0) 编辑
三栏布局
摘要：
双飞翼布局 overflow hidden 可以换成定位和左右margin 阅读全文
posted @ 2023-07-22 16:33 pocsan 阅读(5) 评论(0) 推荐(0) 编辑
bfc
摘要：
BFC 是一种渲染规则 block元素会自上而下排列 同一个BFC的垂直方向上的margin会重叠 取较大值 margin于包含的块级元素 计算bfc高度时 浮动会参与计算 bfc的触发条件 浮动 定位 display inline-block overflow 不是visible 不会和浮动发生重 阅读全文
posted @ 2023-07-22 16:32 pocsan 阅读(22) 评论(0) 推荐(0) 编辑
