发表于: 2018-06-07 22:53:16
2 574
今天完成的事情:今天重点看了外边距,盒子,模型,浮动,还有css,然后一直在啃任务三。
明天计划的事情:明天重新敲一遍任务三还有任务一因为今天上传任务三的时候不小心把任务一
的代码覆盖了,然后写任务一还有任务二的深度思考,然后师兄建议好好补一
下基础,明天敲任务之前我会认真的啃基础。
遇到的问题: 然后本来任务3是敲好了的,但是后来出了点小意外,本地浏览器缩小了5倍,本
地浏览器页面比例缩小到了20%,本来是要重新敲一遍的,但是时间不够了,还
要回家,就把电脑带回来看知识点顺便写日报。
收获:今天记住了盒子模型的属性 内容content
内边距padding
边框border
外边距margin
边框(BORDER)就是盒子本身了;至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在
一起,要留一定空隙保持通风,同时也为了方便取出。在网页设计上,内容常指文字、图片等
元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般
不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它
撑大,但它不会损坏的。
然后css定位有,相对定位,绝对定位,浮动,具体属性我还没有记住明天我会继续看。
选择器是一种模式,用于选择需要添加样式的元素。css有三个版本长css1,css2,css3.
基本选择器
标签选择器:选择给哪个标签加样式,自动指向该标签,语法:标签选择器名{ 属性:属性值; }。
然后类选择器,给一类HTML添加样式 语法类选择器名{属性:属性值;}
Id选择器:给特定的html标签加样式。格式:id选择器名{属性:属性值; }
复合选择器
多元素选择器:多个标签共有的属性和属性值,放到一起。语法:选择器,选择器,选择器{共有的属性:属性值; }
后代元素选择器:给html的后代标签加样式。语法:选择器1 选择器2 选择器3{属性:属性值; }
子元素选择器 :给html标签的子标签加样式。格式:选择器>选择器{属性:属性值; }
.class="样式名"用途定义样式,可以被多次引用。
#id 用于定义样式
a: link {} 设置a对象在未被访问前的样式表属性
a :visiteb 设置a对象在链接地址已被访问过的样式表属性
这个是之前敲得半成品,然后先放上来,明天做个对比。
评论