美文网首页
第二次作业

第二次作业

作者: 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