1.什么是css语法？
CSS 语法由三部分构成：选择器、属性和值。selector {property:value}选择器 (selector) 通常是你希望定义的 HTML 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）。
2.列举常见的css选择器？
（1）ID选择器：在同一页面内不能同名，声明前用#开头。
#div1{height:200px;width:200px;background:red;}
（2）类型选择器（class）：同.开头，可以同名，且可以一个标签中可以写多个变量。
.div{height:200px;width:200px;background:red;}
（3）包含选择器：以#开头，紧跟标签名空格.子集标签名。 例#div .p｛修饰内容｝
（4）群组选择器：直接用标签的来开头，是一致的标签变成同一个类型。
a{ height:200px;width:200px;background:red;}
（5）通配选择器：形式：*｛｝，用于修饰所有的标签。
*{ margin:0;padding:0;}
3.background属性如何简写？
对于背景属性的写法没有具体的顺序，将所要求的内容写出来即可，每个属性之间用空格隔开。
4.文本的属性有哪些？请写出font的复合式写法？
（1）属性：
font-size：设置文本的字体大小
font-family：设置文本的字体类型
font-style：设置文本的字体样式 italic:倾斜 normal：正常
font-weight：设置字体的粗细 bold：加粗 normal：正常
font-height：设置文本的行高
color：设置文本的颜色
text-align：设置文本的对齐方式
（2）复合式写法：
font：font-weight font-style font-size/line-height font-family
其中 font-size/line-height font-family为必写项，不能省略。
5.text-indent有什么作用？
添加下划线（underline）、删除线（line-through）、上划线（overline）。
格式：text-indent:npx underline;（线条粗细，线性）
6.超链接a标签的作用有哪些？
（1）链接网址：转到所连接的网址上去
（2）下载压缩包：链接的若为压缩包，点开后即下载所连接的压缩包
（3）链接一个id的话，点击后直接跳到id所在的位置。（锚点）
补充:a链接的形式：~~~ <a href="http://www.baidu.com">百度</a> ~~~
7.a标签默认样式是什么？
1 :link 2 :visited 3 :hover 4 :active
8.什么是盒模型？盒模型包括什么？
盒模式：边框(BORDER)就是盒子本身了；至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起，要留一定空隙保持通风，同时也为了方便取出。在网页设计上，内容常指文字、图片等元素，但是也可以是小盒子（DIV嵌套），与现实生活中盒子不同的是，现实生活中的东西一般不能大于盒子，否则盒子会被撑坏的，而CSS盒子具有弹性，里面的东西大过盒子本身最多把它撑大，但它不会损坏的。填充只有宽度属性，可以理解为生活中盒子每个HTML标记都可看作一个盒子。
盒模型包括：内容(content)、填充(padding)、边框(border)、边界(margin)。
9.padding和margin的区别？
padding：（内填充）在元素的边框以内，内容以外，padding同样显示元素的背景。
可视宽（高）=border+padding+width(heigth),
padding:10px;（边框均为10像素）
padding:10px 100px;（边框上下为10像素，左右为100像素）
padding:10px 20px 30px;（边框上为10像素，左右为20像素，下为30像素）
padding:10px 20px 30px 40px;（边框按上左下右顺序排列）
margin;（外边距）margin元素的边框以外，不显示元素背景。
10.什么是margin叠加？什么是margin传递？
margin叠加：相邻两个元素的上下margin是叠加在一起的
margin传递：子元素的上下margin会传递给父级。
11.列举几种常见的语义化标签？
<header>头部</header>
<footer>底部</footer>
<nav>导航</nav>
<article>用来在页面中表示一套结构完整且独立的内容部分</article>
<aside>aritile的一个附属</aside>
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<p>一段文字</p>
<ul>（无须列表
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ul>
<ol>（有须列表）
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ol>
<dl>定义列表
<dt>列表项</dt>
<dd>列表项里的内容</dd>
</dl>
<span>区分样式</span>
<strong>加粗</strong>
<em>倾斜</em>
<a pref="#">链接</a>
12.常见的块元素和内嵌元素有哪些？简要说一下它们的区别？
块元素：
<section>板块</section>
<header>头部</header>
<footer>底部</footer>
<nav>导航</nav>
<article>用来在页面中表示一套结构完整且独立的内容部分</article>
<aside>aritile的一个附属</aside>
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<p>一段文字</p>
<ul>（无须列表
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ul>
<ol>（有须列表）
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ol>
<dl>定义列表
<dt>列表项</dt>
<dd>列表项里的内容</dd>
</dl>
内嵌元素：
<span>区分样式</span>
<strong>加粗</strong>
<em>倾斜</em>
<a pref="#">链接</a>
区别：
块元素：1、独立占据一行
2、支持所有的样式
3、不设置width时撑满整行
内嵌元素：1、多个占据一行
2、不支持宽和高，对上下的margin和padding支持也有问题
3、宽度由内容撑开
4、打代码换行时会被解析
P70118-230022.jpg
如有上边编码自动翻译，所以再次附上一张照片。
补充：
<a>链接</a>
疑问：a链接的默认形式
网友评论