问答作业:
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语言,算是有点基础吧,感觉挺上手的。可惜的是新买的笔记本物流太慢,一直想练练手都没办法,只能看视频,看视频ಠ╭╮ಠ 。最后鼓励自己不要放弃,慢慢来,不要急于求成,掌握一门前端的技术毕竟不是容易的事,加油!