发表于： 2018-05-24 23:45:11
3 446
今天完成的事情：
继续修改任务十三的代码，改好提交。
看下以前的深度思考，
看了一下BEM的命名规范。
动手写一下任务十四的响应式框架。
明天计划的事情：
完成修改一下任务十四的命名，主要命名规范
cn写出任务需要的栅格响应式框架
写出头部以及底部的样式
遇到的问题：
今天我自己写了任务十三的一下响应式代码，显示有误，没有按照一行十二列来显示。发现跟bootstrap的有差距，就算是我复制bootstrap的一部分代码也没有作用。
具体是，我看到bootstrap的row的width是刚刚好包含下面列的width加上边距，我设置的row的宽度只能包含列的宽度，不包含边距。
收获：
bem是对CSS命名的一种规范，基本思想是把网页分为独立的模块。
M代表 “块（block）,元素（element）,修饰符（modifier）”,我们常用这三个实体开发组件。
在选择器中，由以下三种符号来表示扩展的关系：
- 中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。
__ 双下划线：双下划线用来连接块和块的子元素
_ 单下划线：单下划线用来描述一个块或者块的子元素的一种状态各模块独立，互不影响，每个模块拿出来都不会影响布局。
深度思考：
3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别
inline元素 行内元素，宽高，边距不能设置，跟别的元素在一行。
block元素 块级元素，宽高，边距可以设置，独占一行，
inline-block元素 行内的块级元素，宽高可以设置，可以跟别的元素在一行。
6.IDE是什么？它和文本编辑器相比有什么优缺点？
IDE,集成开发环境。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。
比如我们使用的sublime。webstorm等
编辑器是指我们类似我们电脑的记事本，TXT等，只能读取代码和写代码，不能编译，调试，提示报错等。
IDE包含了文本编辑器的功能，需要安装。文本编辑器是我们电脑自带有，不用安装。
7.加和不加meta的viewport有什么区别？
加上viewport是可以让网页自适应，可以让我们开发的网页适配视窗宽度。
task3
4.css有哪些选择器，优先级如何计算？
选择器有ID。class，元素选择器，伪类选择器。、
权重是ID，100，class10.元素和伪类1.优先级是选择器权重加起来。如果权重相同，那就是后面元素优先
padding是隔开边框与内容，margin是隔开元素和元素。
margin
需要在边框外面加上空白距离时，空白的地方不要背景色。
垂直的盒子需要互相抵消是
padding
（1）需要在border内侧添加空白时（往往是文字与边框距离的设置），
（2）空白处需要背景（色）时，
（3）上下相连的两个盒子之间的空白希望等于两者之和时，比如15px+20px的padding，将得到35px的空白。
CSS-task13
禅道主页：http://task.jnshu.com/zentao/project-task-702.html
任务开始时间：5.22
任务结束时间：5.24
任务用时两天，主要是侧滑导航栏，和小课堂没估算好，导致延期。
CSS-task14
禅道主页：http://task.jnshu.com/zentao/project-task-709.html
任务开始时间：5.24
预计任务结束时间：5.29
返回列表
评论