上一页 1 ··· 3 4 5 6 7
摘要: 单行文本; wihite-space:nowrap;(文本不换行) text-overflow:ellipsis;(修剪显示省略号) 多行文本: text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsi 阅读全文
posted @ 2022-08-15 10:26 九毛九 阅读(36) 评论(0) 推荐(0)
摘要: 设置flex 子元素不在区分浮动、clear、vertical-align、不在区分行和块; display:flex; display:inline-flex; {项目排列方式} flex-direction: row(默认 水平左对齐) row-reverse(水平右对齐) clumn(垂直上对 阅读全文
posted @ 2022-08-15 10:19 九毛九 阅读(52) 评论(0) 推荐(0)
摘要: rem(根元素的字体大小) <script> function auto(){ /获取当前屏幕宽度/ var devicewidth =documet.documentElement.clientwidth; /设计图限制宽度/ if(devicewidth>375){devicewidth=375 阅读全文
posted @ 2022-08-15 09:44 九毛九 阅读(477) 评论(0) 推荐(0)
摘要: http://www.bitbug.net/ 进入网站把logo图转换 放在根目录中 <head> <link rel="shortcut icon" href="logo地址" /> </head> 阅读全文
posted @ 2022-08-15 09:28 九毛九 阅读(27) 评论(0) 推荐(0)
摘要: 什么是bfc: 块级格式化上下文,成立独立的渲染区域(内部不影响外部) 怎么生成bfc: 1根标签html 2浮动 float 不为默认值 3溢出 overflow 不为默认值 4display:inline-block; 5position:absolute/fixed; bfc解决的问题: 1浮 阅读全文
posted @ 2022-08-10 14:37 九毛九 阅读(87) 评论(0) 推荐(0)
摘要: 浮动会脱离文档流 清除浮动方法 1 父标签加浮动(不推荐会产生新的浮动) 2给浮动标签父标签加固定高度(不够灵活) 3给父标签加 ovrflow:hadden; 4在浮动标签最后加块标签 标签本身不设置 添加样式 clear:both(不推荐 代码冗余) 5 最优方法: 给浮动标签父盒子加伪元素 . 阅读全文
posted @ 2022-08-10 14:26 九毛九 阅读(23) 评论(0) 推荐(0)
摘要: 多列子元素在父元素中实现等高 方法一: 1.三个子盒子写pidding-bottom:9999px ;margin-bottom:-9999px 2.大盒子加overflow:hidden 方法二: 层层嵌套 利用内部盒子高度变化 父盒子也会变大 阅读全文
posted @ 2022-08-10 13:53 九毛九 阅读(17) 评论(0) 推荐(0)
摘要: 圣杯布局: 设置左 中 右三列 (顺序 中 左 右 为了使主体优先加载) 1.左盒子固定宽 右盒子固定宽 中间盒子100%宽; 2.加浮动 3.左盒子margin-left:-100% 右盒子margin-left:负自身宽度; 4.父盒子加padding:0 右盒子宽 0 左盒子宽; 5.左右盒子 阅读全文
posted @ 2022-08-10 11:26 九毛九 阅读(37) 评论(0) 推荐(0)
摘要: 属性选择器: <div class="boax">11111</div> <div class="abox">22222</div> <div class="boxb">33333</div> <div class="cbox">44444</div> ·div[class^=b] 选中^以b开头; 阅读全文
posted @ 2022-08-10 10:47 九毛九 阅读(50) 评论(0) 推荐(0)
上一页 1 ··· 3 4 5 6 7