.笔记截屏：
target="_blank" 新窗口打开 target="_self"当前窗口打开
问答作业：
1.什么是css语法？
CSS就是一种叫做样式表的技术，也有的人称之为层叠样式表，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
2.列举常见的css选择器？
基本语法结构可以按照选择器表示为：
1、标签名选择器，如：p{}，即直接使用HTML标签作为选择器。
2、类选择器，如：.polaris{}。 //最常用的选择器
3、ID选择器，如：#polaris{}。
3.background属性如何简写？
例如：{background:url(../images/g.png) no-repeat 100px 5px;height:1px;font-size:0px;}
4.文本的属性有哪些？请写出font的复合式写法？
font-size:文字大小 font-weight:blod (normal)文字加粗 (正常) font-style:italic:文字倾斜 line-height：行高（文字在一行上下居中） font-family："宋体" 字体 color:字体颜色 复合样式：强制顺序 font: font-weight font-style font-size/line-height font-family; font 字体大小和字体必须设置
5.text-indent有什么作用？
首行缩进 1em =1个文字大小
text-align:对齐（left、center、right）
text-decoration 文本修饰（underline 下划线）
letter-spacing 字母间距（字间距）
word-spacing 词距离 （空格也占像素 不同字体空格大小不同）
6.超链接a标签的作用有哪些？
href 页面地址 （跳转页面）
压缩包（下载）
锚点： 写的是id的话，点击会直接跳到id所在位置
7.a标签默认样式是什么？
a 表示所有状态下的连接 如 .mycls a{color:red}
① a:link：未访问链接 ,如 .mycls a:link {color:blue}
② a:visited：已访问链接 ,如 .mycls a:visited{color:blue}
③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 .mycls a:active{color:blue}
④ a:hover：鼠标移到链接上时 ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。
前三者分别对应body元素的link、vlink、alink这三个属性。
四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。
8.什么是盒模型？盒模型包括什么？
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
9.padding和margin的区别？
padding：内填充 （padding在元素边框以内，padding同样显示元素的背景） 上右下左
可视宽（高）=border+padding+width(height)
margin:外边距 （margin元素的边框之外不显示元素背景）是距离其他元素(宽 高)的距离 上右下左
10.什么是margin叠加？什么是margin传递？
margin叠加：相邻两个元素的上下margin是叠加在一起 50取
margin传递： 子元素上下margin会传递给父级
11.列举几种常见的语义化标签？
<title></title>：简短、描述性、唯一（提升搜索引擎排名）。
< hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。
<header></header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。
12.常见的块元素和内嵌元素有哪些？简要说一下它们的区别？
块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>,<p>,<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能。
内联元素
通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度都是不可以设置的，其宽度就是自身文字或者图片的宽度。我们常用到的<a>,<span>,<em>都属于内联元素。内联元素的显示特点就是像文本一样显示，不会独自占据一个行。当然块级元素也能变成内联元素，那就是通过css的display:inline和folat来实现
区别：
网友评论