1、CSS颜色的设置？
CSS颜色样式设置方式：
1、直接在color属性中用英文命令颜色，比如：
p{color:red;}
2、RGB方式，与 photoshop 中的 RGB 颜色一致，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。
{color:rgb(133,45,200);}
p{color:rgb(20%,33%,25%);}
3、使用十六进制的方法设置CSS的样色样式，原理和 RGB 颜色一样，但每一项的值由 0-255 变成了十六进制 00-ff。
（使用十六进制的方法表示的时候可以简写，比如：#ff00aa 可简写为 #f0a ）
p{color:#00ffff;}
4，设置关键字透明度，可以用opacity和RGBA关键字来设置。值为1~0之间，值越接近0则颜色透明度越高；
5、HSL颜色设置，HSL 不同于 RGB 的色彩模式，HSL颜色是使用色相(hue)，饱和度(saturation)，亮度(lightness)表示颜色的一种方法。
color:hsl(360, 100%, 75%); color:hsl(120, 100%, 75%); color:hsl(240, 100%, 75%);
2、如何引入外部字体包？
1、获取相关的字体包文件；字体包文件的后缀和浏览器有关，通常我们下载的文件是以 .TTF 结尾的，.TTF、.OTF适用于Firefox3.5、safari、Opera浏览器；.EOT适用于IE4.0+；.SVG适用于Chrome和iphone；
2、使用@font-face语法引入文件；
3、字体样式的设置？
字体大小的设置使用font-size，常见设置字体大小的方法有四种：14px，表示字体的高度是14个像素；设置百分比，是表示相对大小，相对于body的150%倍；em，是表示相对大小，想对于body的1.2倍大小；关键字。常用的有small,medium,large;
body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
h3{
font-size:small;
字体的设置使用font-family设置，常见的字体类型有微软雅黑、宋体、黑体；
字体的粗细使用font-weight设置，normal表示正常，bold表示加粗，bodler表示相对于父级更粗，lighter表示相对于父级更细（目前字体的粗细仅支持细、正常、粗三种样式）；也可以使用100-900整数表示，100-300表示细、400-500表示正常、600-900表示粗；
字体的样式（倾斜）设置，使用font-style设置；
body{
font-style:italic;
}
h1{
font-style:oblique;
normal表示正常，italic和oblique均是表示倾斜效果；（oblique后面可以跟一个整数表示旋转角度，以deg为单位）
4、table布局和div+CSS布局的区别？
使用table布局的优点：1、对于新手而言，容易上手，尤其对于一些布局中规中矩的网页，更让人首先想到excel，进而通过使用table去实现它。
2、表现上更加“严谨”，在不同浏览器中都能得到很好的兼容
3、通过复杂的表格套表格的形式，也可以实现比较复杂的布局需求。布置好表格，然后将内容放进去就可以了。
4、它可以不用顾及垂直居中的问题。
5、数据化的存放更合理。
缺点：1、标签结构多，复杂，在表格布局中，主要是用到表格的相互嵌套使用，这样就会造成代码的复杂度更高！
2、表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名
使用div+css布局的优点：1、符合W3C标准的，W3C标准提出网页由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。
2、布局更加灵活多样，能够通过样式选择来实现界面设计方面的更多要求。
3、布局改版方便，不需要过多地变动页面内容，通常只要更换相应的css样式就可以将网页变成另外一种风格展现出来。
4、布局可以让一些重要的链接和文字信息等优先让搜索引擎抓取，内容更便于搜索。
5、增加网页打开速度，增强用户体验。
缺点：1、开发技术高，要考虑兼容版本浏览器。目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
2、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，
比较复杂，甚至庞大；
5、浏览器内核及前缀？
最早的浏览器是： Mosaic / Netscape Navigator(网景领航者)（1994-2008）简称NN
Google Chrome(谷歌浏览器) ：Blink内核（早先是使用webkit内核，后来Google、Opera共同开发了Blink浏览器排版引擎） -webkit-
Safari(苹果浏览器) ：WebKit内核 -webkit-
Mozilla Firefox(火狐浏览器) ：Gecko内核 -moz-
Internet Explorer(IE浏览器) ： Trident内核 -ms-
Opera(欧朋浏览器) ：Presto内核 -o-
6、伪类选择器？
表单伪类选择器：
：read-only选取不可被用户编辑的可输入表单；
:read-write选取可以被用户编辑的表单元素；
:checked 选取任何可以被选中的单选和多选框；
:disabled选取被禁用的表单元素；
:enabled选取未被禁用的表单元素；
:focus 选取获取焦点的表单元素；
结构伪类选择器：
：first-child 选取一组兄弟元素中的第一个元素；
：last-child 选取一组兄弟元素中的最后一个元素；
:first-of-type 选取一组元素中，同类型的第一个元素；
：last-of-type 选取一组元素中，同类型的最后一个元素；
：nth-child（an+b） 先找到当前元素的所有兄弟元素，然后按照顺序依次从0排序；
：nth-last-child （an+b） 在所有兄弟节点中由后向前排序
：nth-of-type（an+b） 先找到所有同类型的兄弟元素，然后按照顺序依次从0开始排序；
：nth-last-of-type（an+b） 先找到所有同类型的兄弟元素，然后由后向前开始排序；
：only-child 匹配没有任何兄弟元素的元素；
：only-of-type 代表一个元素没有同类型的兄弟元素；
：not（X） X是一个选择器，选取所有元素中，排除X所代表元素的元素； （not 伪类权重计算看X选择器大的权重）
：empty 选取没有子元素的元素，子元素包括元素和文本 （空格和回车也包括）
