-
outline：none输入框焦点去掉
p:nth-child(2) 第二个p属性设置
查看全部 -
flex-direction
作用：子元素在父元素盒子中的排列方式
row（从左到右）row-reverse
column(从上到下) column-reverse
注意：如果只设置display:flex 默认row布局方式
flex-wrap
作用：子元素在父元素盒子中 是否换行（列）
nowrap默认值 不换行或者不换列
warp 换行或换列
flex-flow 属性的简写
语法 flex-flow:flex-direction(排列方式) flex-wrap(换行方式)
查看全部 -
媒体查询引入方式1
内部样式表
<style @media="(min-device-width:100px) and (max-device-width:300px)">
#div{
background-color:#ccc;
}
</sytle>
查看全部 -
width、height 浏览器可视宽、高
device-width、device-height设备屏幕显示宽、高
查看全部 -
利用媒体查询实现响应式布局
查看全部 -
自适应布局
目前最好使用rem形式，根据根元素的字体大小的改变而改变，为了便于将PX换算成rem，一般将根元素的字体大小设置成10px;
我们也可以通过js根据窗口的大小而改变根字体的大小，从而改变rem中的大小。
查看全部 -
这是3.1的笔记这是3.1的笔记
查看全部 -
一套方案 在不同尺寸 不同分辨率的视口 都能呈现出较好的效果
通过rem和flex 配合使用
查看全部 -
em字体是根据父元素的字体大小 rem是根据根标签的字体大小
js版本计算大小查看全部 -
特殊写法查看全部 -
外部样式查看全部 -
将media标签写在style标签内，适应显示
查看全部 -
针对获取的屏幕宽度，对盒子的宽度进行百分比设置，一行显示n个的效果的具体数值为100/n %
查看全部 -
我的非公开私密笔记
查看全部 -
我的2.1章节下的笔记
查看全部
举报