发表于： 2019-05-04 20:50:46
2 697
今天完成的事情：
1.使用css完成小三角制作。下拉框的小三角，之前没切出来，于是用css写。原理是根据相邻边框会互相平分像素。把内容区宽高设置为0，边框设置需要的像素大小，再把其余三边隐藏。
2.:nth-child()给父元素的字元素添加样式，需要添加到需要使用的子元素身上。注意看语法描述。
3.
需要注意的是margin和padding，是基于父元素的width
3.初步了解了bootstrap是什么，能做什么，怎么去使用它。
bootstrap是什么？一种针对h5页面的样式库。具有移动设备优先的特性，首先适应最小分辨率的手机，进而扩展到PC。
页面根据屏幕的大小，划分成12列进行布局。安装好后，通过预设定的类名进行调用。样式种类基本涵盖了工作中用到的，使用这个能缩短写css的重复时间。能帮助搭建90%的样式，剩下10%就要靠自己调整。先了解下bootstrap有哪些功能，需要用的时候再调用。它包含基本结构、css、组件、js插件。
4.媒体查询在响应式设计是核心
width=device-width（宽度等于当前设备的宽度）
intial-scale=1.0 (设置缩放比例是1)
minimum-scale(允许用户缩放到最小的比例)
maximum-scale(允许用户缩放的最大比例)
user-scalable(是否能够手动缩放)
引用的两种方式：link 和 @media
明天计划的事情：
1.搭建任务七html结构
2.使用bootstrap完成任务7
返回列表
评论