美文网首页
第二次作业

第二次作业

作者: 01小桂桂 | 来源:发表于2017-01-18 23:44 被阅读0次

问答作业:

1.css语法:

css语法由选择器、属性和值组成。选择器通常是你希望定义的 HTML 元素或标签,属性是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。

2.常见的css选择符:

css选择符包括4大类:类型选择符    id选择符    class选择符     特殊选择符

常用的选择符有:

1:类型选择符(标记选择器)

2:类选择符(class选择器  用.表示)

3:id选择符(用#表示)

4:伪类选择器

5:群组选择符(集合选择器)

6:通配符(设置全局属性  用*表示)}

7:包含选择符(后代选择器)

Id名称多用于外围结构,id名称不可重复

Class名可以重复利用;id权重大于class;后面的样式会将前写的给覆盖

3.background属性如何简写:

选择符:{background:url(图片路径) background-repeat background-position;}

Eg:    .div1{background:url(../images/hua.jpg) no-repeat left center;}

4.文本的属性有哪些:

文本水平居中:text-align:left      right     center

    文本垂直居中:vertical-align:top     middle   bottom

字体类型:{font-family:”字体1”,”字体2”;}

字体大小:{font-size:数值;}

文本颜色:{color:颜色值;}

字体倾斜{font-style:italic/oblique/normal;}

文本修饰:{text-decoration}

font的复合式写法:{font:style   weight   size   family;}

5.text-indent有什么作用?

首行缩进,可以取负值,并且只对第一行起作用。

6.超链接a标签的作用有哪些:

通过href属性来进行页面的跳转

7. a标签默然样式是什么:

有下划线,点击能发上跳转,字体默认有颜色

8.什么是盒模型?盒模型包括什么?

盒子模型是css的基石,指定标签如何显示以及元素间相互关系;页面上的每一个元素都被当做一个矩形盒子,占据一定的页面空间;

这个盒子由:

内容(content)内边距(补白 填充padding)边框(border)和外边界(margin)组成

9.padding和margin的区别?

Padding是设定页面中元素内容到元素边框之间的距离(补白);

1:用来调整内容在容器中的位置关系;

2:用来调整子元素在父元素中的位置关系(padding属性需加在父元素上);

3:padding值是额外加载元素原有大小之上的,

如想保证元素大小不变,需从元素宽或高上减掉添加的padding值大小;

(保证元素大小不变宽高加多少,padding减多少);

Padding不可以为负值

#padding:2px  4px  6px  8px  (上 右 下 左)

#padding:2px  4px  6px (上  左右  下)

#padding:2px  4px (上下    左右)

#padding:2px(上下左右)

(a标记默认状态下对padding   margin的上下距离无效,但是左右距离可以)

B:margin属性:(调整容器在网页中的位置“调整相邻模块之间的关系”)

背景不可以覆盖margin区域

Margin的使用方式:margin给自身加(不在父元素上加)

“边界:margin      在元素外边的空白区域(边距)”

margin属性的四种方式:

1:{margin:10px  2px  4px  3px;}上  右  下  左

2:{margin:10px  2px  3px;}上  左右   下

3:{margin:10px  2px ;}上下      左右

4:{margin:10px;}上下左右

5:{margin:0   auto;}在浏览器中水平居中

10.什么是margin叠加?什么是margin传递?

Margin叠加:发上在两个块元素之间的margin上下叠加,当两个块元素都同时写上margin值时,谁的margin值大,就取那个大的margin值。

Margin传递:给子元素加上margin值,这时的margin的上下值会传给父元素,导致父元素的位置发生变化。

11.几种常见的语义化标签:

div 语义:Division(分隔)span 语义:Span(范围)ol 语义:Ordered List(排序列表)ul 语义:Unordered List(不排序列表)li 语义:List Item(列表项目)p 语义:paragraph marks(段落标记)hx 语义:headWord(标题)…………

12.常见的块元素和内嵌元素有哪些?简要说一下它们的区别?

内联元素(行内元素)内联元素(inline element)

* a - 锚点

* abbr - 缩写

* cite - 引用

* font - 字体设定(不推荐)

* i - 斜体

* img - 图片

* input - 输入框

* kbd - 定义键盘文本

* label - 表格标签

块元素:

* address - 地址

* blockquote - 块引用

* center - 举中对齐块

* dir - 目录列表

* div - 常用块级容易,也是css layout的主要标签

* dl - 定义列表

* fieldset - form控制组

* form - 交互表单

* hr - 水平分隔线

* isindex - input prompt

* menu - 菜单列表

主要区别: 块级元素 用来搭建网站架构、布局、承载内容,如:div、ul、li、dl、dt、dd、h1-h6、p、address……

      内联元素 用在文本之中的某一行的修饰,如:a、span、strong、sub、sup、img……

   · 块级元素是盒子,盒子是有宽高的,即不管里面有多少东西,外部就可以设置其宽高。

内嵌元素是袋子,其宽高由里面的东西撑起来的。

编程作业:

新买的笔记本还在路上(。•́︿•̀。),视频还在复习中…………

学习总结:

学习了也有几天了,感觉自己也挺喜欢的,因为之前学习C语言,算是有点基础吧,感觉挺上手的。可惜的是新买的笔记本物流太慢,一直想练练手都没办法,只能看视频,看视频ಠ╭╮ಠ 。最后鼓励自己不要放弃,慢慢来,不要急于求成,掌握一门前端的技术毕竟不是容易的事,加油!

网友评论

      本文标题:第二次作业

      本文链接:https://www.haomeiwen.com/subject/ifgbbttx.html