上一页 1 ··· 3 4 5 6 7
2022年8月15日
文本溢出显示省略号
摘要： 单行文本； 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
摘要： rem（根元素的字体大小） <script> function auto(){ /获取当前屏幕宽度/ var devicewidth =documet.documentElement.clientwidth; /设计图限制宽度/ if(devicewidth>375){devicewidth=375 阅读全文
posted @ 2022-08-15 09:44 九毛九 阅读(477) 评论(0) 推荐(0)
favicon图标 网页logo
摘要： http://www.bitbug.net/ 进入网站把logo图转换 放在根目录中 <head> <link rel="shortcut icon" href="logo地址" /> </head> 阅读全文
posted @ 2022-08-15 09:28 九毛九 阅读(27) 评论(0) 推荐(0)
2022年8月10日
BFC
摘要： 什么是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)
css新增选择器
摘要： 属性选择器： <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