xuxiang946210

上一页 1 2 3 4 5 6 ··· 8 下一页

2023年7月29日

弹性布局的属性

摘要: display inline-flex /flex flex-flow row flex 方向和换行的简写 . 弹性子属性 fiex-shrink 0 禁止收缩 弹性扩展 不扩展 flex-glow:0.9 重要 基础 等效于宽度的效果 优先于等于写flex flex 的三个子属性 flex:fle 阅读全文

posted @ 2023-07-29 11:42 pocsan 阅读(15) 评论(0) 推荐(0) 编辑

vw和%

摘要: vw 包含滚动条的宽度 百分号不包含 手机端 搜索效果都是a标签 阅读全文

posted @ 2023-07-29 11:42 pocsan 阅读(39) 评论(0) 推荐(0) 编辑

图标备注

摘要: 引入css外部文件 将自己的css文件放在最下面 如字体 动画放在最上面 阅读全文

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

移动端的写法

摘要: pc 端 标准设计图 1920*xxxx会有版心 移动端 1 设计图 比实际的手机大2背或者三倍 pc 端 标准设计图 1920*xxxx会有版心 移动端 1 设计图 比实际的手机大2背或者三倍 2 手机的屏幕 视网膜屏幕 3 iphone6 为例 物理像素750 逻辑像素375 设备像素比 ()d 阅读全文

posted @ 2023-07-29 11:40 pocsan 阅读(6) 评论(0) 推荐(0) 编辑

移动端基础介绍

摘要: em 参照与父元素 字体大小的相对的单位 1em=一个字体大小 rem:root em 用于那是参照于根元素的字体大小 网页的根元素是html calc是c3新增的属性值 em 参照与父元素 字体大小的相对的单位 1em=一个字体大小 rem:root em 用于那是参照于根元素的字体大小 网页的根 阅读全文

posted @ 2023-07-29 11:40 pocsan 阅读(7) 评论(0) 推荐(0) 编辑

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) 编辑

上一页 1 2 3 4 5 6 ··· 8 下一页

导航