发表于: 2018-07-11 22:15:38
1 730
今天完成的事情:
1.写任务8。
2.学习媒体查询——响应式设计。
3.完成线下报名,做入学相关的准备工作。
明天计划:
1.继续写任务8.9
2.学习Bootstrap轮播图插件
遇到的问题:
在看媒体查询时有小问题,明天继续研究吧,
收获总结:
今天做完了报名相关的活动任务,完成了线下报名;正式成为了修真院的内
门弟子;然后看学院的相关事项,入学写自我介绍,办入学什么的花费了不
少的时间,基本上一天下来没写多少代码
CSS3 @media 查询:
@media 可以针对不同的屏幕尺寸设置不同的样式,可以同时满足网页
和手机端的需求
断点设置:在网站布局被破坏,看起来很怪或是内容无法显示的时候需要
根据常见的视窗尺寸设置断点,用以判断不同的分辨率,例如320px,480px,
768px,1024px, 1224px等等。
取值:all 用于所有设备
print 用于打印设备
screen 用于电脑屏幕,平板电脑,智能手机等。(最常用)
speech 应用于屏幕阅读器等发声设备
max-width定义输出设备中的页面最大可见区域宽度 //这里MAX的意思是要页
min-width定义输出设备中的页面最小可见区域宽度 面的尺寸要小于等于,不要搞混
继续每天学习一点语法和规范:
- 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。
- 为选择器分组时,将单独的选择器单独放在一行。
- 为了代码的易读性,在每个声明块的左花括号前添加一个空格。
- 声明块的右花括号应当单独成行。
- 每条声明语句的 : 后应该插入一个空格。
- 为了获得更准确的错误报告,每条声明都应该独占一行。
- 所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。
- 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。
- 不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从多个属性值(既加逗号也加空格)中区分多个颜色值(只加逗号,不加空格)。
- 对于属性值或颜色参数,省略小于 1 的小数前面的 0 (例如,.5代替 0.5;-.5px 代替 -0.5px)
- 。
- 十六进制值应该全部小写,例如,#fff。在扫描文档时,小写字符易于分辨,因为他们的形式更易于区分。
- 尽量使用简写形式的十六进制值,例如,用 #fff 代替 #ffffff。
- 为选择器中的属性添加双引号,例如,input[type="text"]。只有在某些情况下是可选的,但是,为了代码的一致性,建议都加上双引号。
- 避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;。
今天主要是弄线下入学的事情和入学活动之前类的事情,完成的内容很少,明天要加速了
评论