发表于: 2018-07-11 22:15:38

1 728


   今天完成的事情:

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;。



今天主要是弄线下入学的事情和入学活动之前类的事情,完成的内容很少,明天要加速了





    


返回列表 返回列表
评论

    分享到