发表于: 2018-07-15 22:47:24

1 523


  今天完成的事情:

1.完成任务8,9;

2.学习巩固CSS特性



    明天计划:

1.写任务10;

2.学习和使用表单页;

3.复习前面的知识;



    遇到的问题:

修改响应式导航栏样式时遇到点小问题


    收获总结:


1.学习到css中一些互斥的元素:


 1.对于absolute和fixed定位的(固定大小,设置了width和height属性)元素,如果设置了top和left属性,那么


设置bottom和right值就没有作用了,应该是top和left优先级高,否则同时写了浏览器怎么知道按照谁定位


 2.对于absolute和fixed定位的元素,如果设置了top、left、bottom、right的值后margin属性也就不起作用了


 3.对于absolute和fixed定位的元素,如果设置了top、left、bottom、right的值后float属性同样会失效


 4.块元素如果设置了float属性或者是absolute、fixed定位,那么vertical-align属性不再起作用 



2.CSS 四种引入方式:


1.行内式

   行内式是在标签的style属性中设定CSS样式。

2.嵌入式

   嵌入式是将CSS样式集中写在网页的<head>标签的<style></style>标签对中。

3.导入式
  将一个独立的.css文件引入HTML文件中,导入式使用@import 引入外部CSS文件,<style>标记也是写在<head>标记中。

  导入式会在整个网页装载完后再装载CSS文件。

4.链接式
   将一个独立的.css文件引入到HTML文件中,使用<link>标记写在<head>标记中。

   链接式会以网页文件主体装载前装载CSS文件。

  


3.分享CSS中不可以继承的属性

一、无继承性的属性

1、display:规定元素应该生成的框的类型

2、文本属性:

vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向

3、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成内容属性:content、counter-reset、counter-increment

7、轮廓样式属性:outline-style、outline-width、outline-color、outline

8、页面样式属性:size、page-break-before、page-break-after

9、声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during



今天终于完成了任务8,9 明天开始任务10;







返回列表 返回列表
评论

    分享到