xuxiang946210

2023年7月22日

响应式布局

摘要: 响应式网站 同一个网站 可以同时适配多个终端 两个网站 应该pc端 一个移动端 复杂的网站(电商 两个终端) 简单的网站( 企业网站 后台管理系统) 实现核心 :媒体查询 响应式实现的方式 1.设置meta 默认情况下 html的最小宽度是980px <meta name="viewport" co 阅读全文

posted @ 2023-07-22 16:42 pocsan 阅读(10) 评论(0) 推荐(0) 编辑

多背景图的叠加

摘要: 阅读全文

posted @ 2023-07-22 16:42 pocsan 阅读(4) 评论(0) 推荐(0) 编辑

弹性子元素的特点

摘要: 弹性字元素的宽度不在继承 宽度有内容撑开 . 阅读全文

posted @ 2023-07-22 16:41 pocsan 阅读(11) 评论(0) 推荐(0) 编辑

弹性布局

摘要: 弹性布局 有旧版和新版 弹性布局是针对父元素 和子元素 dispaly flex 弹性布局的使用 定义弹性盒 定义主轴对齐方式 主轴方向是会改变的 justify-content:center; 居中 justify-content: space-between; 两端对齐 中间平均分配布局 jus 阅读全文

posted @ 2023-07-22 16:40 pocsan 阅读(41) 评论(0) 推荐(0) 编辑

属性选择器

摘要: 指定属性和属性值 属性选择器 el[属性+"属性值"] 指定属性 不指定值 属性选择器的权重是10 但是不是单独的 基本上会配合 a 属性值是个词列表 ~= 包含 以xxx开头 attr()可以获取该标签上的属性 和值 只能获取自生标签上的值 相当于一个函数 阅读全文

posted @ 2023-07-22 16:40 pocsan 阅读(9) 评论(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 阅读(18) 评论(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 阅读(7) 评论(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) 编辑

自适应两栏布局

摘要: 阅读全文

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 阅读(21) 评论(0) 推荐(0) 编辑

行内标签的使用

摘要: i标签一般用来写字体图标 em/去掉原本样式 当作span来用 阅读全文

posted @ 2023-07-22 16:31 pocsan 阅读(16) 评论(0) 推荐(0) 编辑

折叠菜单和选项卡

摘要: 阅读全文

posted @ 2023-07-22 16:26 pocsan 阅读(3) 评论(0) 推荐(0) 编辑

单选效果

摘要: 阅读全文

posted @ 2023-07-22 16:26 pocsan 阅读(6) 评论(0) 推荐(0) 编辑

导航