CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；……"></标记>
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：<style>选择器 {属性名：属性值；属性名：属性值；……}</style>
3、外部样式（外联样式）：写在css文件内。
垂直居中 css3，css图片表格，css 表格去除双线，css列表框属性，css怎么写内部样式，css 截取两行字符，css 两个div对齐
@ CSS中有哪些常用选择器？
一、CSS选择器有哪些
CSS中的选择器很多，比如：ID选择器，类选择器，通配符选择器，伪类选择器等等，接下来主要介绍常用的几个。
1.标签选择器
语法：标签名{}，eg：h1{}//为所有的h1元素设置样式。
2.ID选择器
语法：#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。
3.类选择器
语法：.class{},eg：.box{}//为所有的class值为box的元素设置样式。
4.组选择器
语法：选择器1，选择器2，选择器N{},eg:#box1,.box2,p{}//为id为box1，class为box2和p的元素共同设置样式。
5、通配符选择器
语法：*{}，eg：*{font-size：16px}//将整个页面字体大小设为16px。
6.后代选择器
语法：选择器1选择器2{}，eg：p.aa{}//选中指定祖先元素p的指定后代.aa。
7.子元素选择器
语法：父元素>子元素{},eg：p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别
8.伪类选择器
伪类可以用来表示一些特殊的状态,如：
：link-未访问过的超链接。
：visited-已访问过的超链接。
：hover-鼠标经过的元素。
：active-正在点击的元素。
eg：a:hover{color:red}//鼠标经过a标签时，颜色变为红色。
二、CSS选择器的优先级顺序
当同一属性的不同值都作用到了同一个元素时，如果定义的属性之间有冲突，那么应该用谁的值的，这个时候就涉及到CSS的优先级顺序了。
1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。
2.作为style属性写在元素内的内部样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.浏览器自定义或继承的
@ css的优先级怎么判断？
css选择器优先级怎么比较CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上，CSS选择器如果细分下来，竟然多达40多种。那他们的优先级该怎么比较呢，下面就来看看吧。
● 不同级别
1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2. 作为style属性写在元素内的样式
3. id选择器
4. 类选择器
5. 元素选择器
6. 通配符选择器
7. 浏览器自定义或继承
总结排序：!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性
● 同一级别
(1) 同一级别中后写的会覆盖先写的样式
(2) 同一级别css引入方式不同，优先级不同
总结排序：内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。
对于选择器优先级，还可以通过计算权重值来比较
@ 表示样式类选择器的代码是？
1：标签选择器
标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式
复制代码代码如下:
<html><head><styletype="text/css">p{font:"宋体"; color:#FF0000}</style></head><body><pid="p1">偶现在表现的是标签选择器</p><pid="p2">偶也用的是标签选择器</p><h1>偶没有被任何的选择器修饰</h1></body></html>
2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素的Id必须是唯一的，所以。。。你懂得id选择器以#开头用法是：id=""
复制代码
代码如下:
<html><head><styletype="text/css">#yy{font:"宋体"; color:#FF0000}</style></head><body><pid="yy">偶现在表现的是id选择器</p><pid="p">偶没有被id选择器修饰</p><h1>偶没有被任何的选择器修饰</h1></body></html>
3：类选择器，类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是：class=""
复制代码
代码如下:
<html><head><styletype="text/css">.yy{font:"宋体"; color:#FF0000}</style></head><body><pclass="yy">偶现在表现的是类选择器</p><pclass="yy">偶没有被类选择器修饰</p><h1>偶没有被任何的选择器修饰</h1></body></html>