qq_44788228的博客

为什么是flex? 1.0传统布局和flex布局对比 1.1传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 1.2 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局，还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 基础篇 2.0 flex布局原理 一句话: 就是通过给父盒子添加display:flex属性，来控制子盒子的位置和排列方式 一定要记

文章目录基础篇:nth-child(n)选择器示例1示例2示例3p:nth-of-type(n)选择器示例4示例5进阶篇:nth-child(表达式) 和 nth-type-of(表达式)选择器示例6示例7高阶篇示例8 以下选择器都为C3的选择器 示例代码: <div> <ul> <li><a href="">第1个a标签</a></li> <a href=""

子绝父相(正确) 子元素可以在父元素内任意移动,父元素可以保持原有位置(因为相对定位保持元素原有位置不变) 子绝父绝 子元素可以在父元素内任意移动,但是父元素脱离标准流,其他元素占据父元素位置 子相父绝 子元素必须以原有位置为原点移动,父元素脱标 子相父相 啥也不是 层叠 当图层重叠时,可以变换优先级 z-index:0; 值为整数,越大优先级越高 优先级高的显示在越上层 ...

文章目录1.前置概念1.1 理想视口1.2 因为视网膜屏的出现，所以电脑开发1px=手机屏幕2px1.3 插入到手机的图片设计图要比显示的大一倍（例如：手机图片50px,设计稿100px）然后将设计稿缩小至50px2.background-size参数：背景缩放3.正式开发1.CSS3盒模型2.特殊样式3.流式布局4.body格式5.二倍精灵图6.固定定位4.流式布局总结5.flex布局基本语法1.父盒子属性1.flex-direction2.justify-content3.flex-wrap4.alig

文章目录html+CSS查漏补缺1.居中1.height-line与height相同时为垂直居中2.无width时水平居中3.inline-block垂直居中4.margin:0 auto5.水平垂直居中2.定位3.hover4.浮动1.inline-block2.高度塌陷5.多类名6.半透明7.插入图片的结构8.过渡9.文字和块对齐并居中10.点击后（焦点获取）变化，页码输入11.一行文本省略号写法HTML5+CSS31.新标签1.基本结构标签2.音频视频3.表单2.CS3里一个nb的选择器3.伪类元素4

1.合并单元格 合并方法 观察表格中的某一个需要合并的单元格,如果是合并行,属性中加入rowspan=“n”(n为合并的行数)然后注释掉同一列中对应原本占用的行的单元格 如果是合并列,属性中加入colspan=“n”(n为合并的列数), 然后注释掉同一行中对应原本占用的列的单元格 展示部分代码 <table border="1px" cellspacing="0"> <caption><h2>NBA球队信息</h2></capti