甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
.c{font-size：18px；} 而id就一个页面就只有一个，他的css优先级也是最高的，如果一个标签同时含有一 class和一个id，而id和class里都一个相同类型的定义的话，会最终以id的样式优先。
为南安等地区用户提供了全套网页设计制作服务，及南安网站建设行业解决方案。主营业务为成都做网站、成都网站设计、南安网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
.是选择符啊，表示对应的选择器。.表示是类选择器，就是class 表示ID选择器 还有标签选择器和行内样式。，只是一个标点，和前面的内容隔开。
下面代码中：id_selector的意思是如果id等于id_selector时，这个标签的样式遵循 #id_selector后面的括号内的css样式，即“ID选择器”（本例为：边框为2像素的黑色实线）。
点表示是类选择器，#表示id选择器，类选择器可以控制类名相同的标签的样式 。
使用CSS控制元素样式，应该使用class选择器，尽量避免使用ID选择器。因为class选择器设置的样式可以重复使用，当然你也可以给多个元素相同的id来达到通过id同时设置多个元素的样式。
css样式采取的就近样式原则。行内样式优先级最高，没有行内样式那么会回在页答面找内嵌样式。名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。
最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
元素是用来说明所要定义的样式。TYPE属性是指定style元素以css的语法定义。有些低版本的浏览器不能识别style标记，这意味着低版本的浏览器会忽略style标记里的内容，并把style标记里的内容以文本直接显示到页面上。
css的作用是：主要用来设计网页的样式，美化网页；能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
1、class可以有多个同名，ID是唯一的，在CSS中ID的优先级是比CLASS高的。操作方法如下：首先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建三个模块，同时分别设置它们的id为aa，bb，cc。
2、为通配符就是所有出现的标签都要使用的一个基本标签，一般为页面初始化的时候使用。基本上就是这些了。由于样式还存在一个继承的特性，所以具体的效果是多个申明共同作用的结果。楼主可以看看css的基础知识。
3、html代码css代码.box{}#box {}class类，可以在html中出现多次。
4、在里面添加一个“div”并放入文字。如图所示 然后我们发现默认文字之间比较紧凑。如图所示 现在我们给div设置一个id为“wd”。如图所示 通过css在style使用letter-spacing给wd中的文字设置字间距为30px。
5、.ss是一个类名，#ss是一个id名，类是在同一个页面里可以被不止一处引用的。例如.ss这个类的样式可以在一个页面里被和共同使用。但#ss按照规范来说只能被id为ss的标签使用，例如，其它的同一页面的标签不准用。
1、表示ID， id是具有唯一性的，一个页面只能引用一次，而 . class可以多次重复使用。
2、点表示是类选择器，#表示id选择器，类选择器可以控制类名相同的标签的样式 。
3、x{width100%} 所有的x标签的宽度为100 .x{width100%} 所有class属性值为x的标签的宽度为100 x{width100%} 所有id属性值为x的标签的宽度为100 x{width100%} 错误的写法，不排除某一些浏览器也支持这种写法。
这是 CSS3 element1~element2 选择器 定义和用法 element1~element2 选择器 element1 之后出现的所有 element2。两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。
CSS伪类(Pseudoclasses)是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector：pseudoclass{property：value；}，简单地用一个半角英文冒号(：)来隔开选择符和伪类。
则需要使用波浪号（~）。假设您想选择 class 属性中包含 important 的元素，可以用下面这个选择器做到这一点：p[class~=important] {color： red；} 通常在sns，weibo，等社交工具中用于点名，通知，圈人用。
CSS img[src*=room] { border： 5px solid green；}结果：以myroom为名称的图片边框变成绿色。img[src~=room] { border： 5px solid green；}结果：以myroom为名称的图片边框无变化。
！-- --是HTML注释，不是CSS注释，CSS是/* */，之所以会有人这么写是因为有的浏览器不支持CSS，CSS的标记就会被直接显示出来，用HTML注释掉是为了确保兼容性，而那些支持CSS的浏览器就可以正确解析了。
因为每个浏览器对各个标签的样式解析是不一样的，为了你写出来的代码在各个浏览器里面打开都是一样的，所以一般都会设置一下margin和padding为0px，然后自己去定义他们的大小。
养成良好的代码书写习惯，写完整一对div后再写其他的，如 养成排版习惯，多用代码缩进。习惯用备注。
因此用px来定义字体，就无法用浏览器字体放大的功能。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合：1em=16px。那么12px=0.75em，10px=0.625em。
这个div里面的内容就会自动换行了，这跟它是否inline是无关的，因为换行是由造成的 而第一个div因为没有被包含到里面，所以它不受影响，不会换行。
其实，CSS难学的原因主要有两点：在debug上花费大量的时间，比如在CSS选择器中，div前面有额外的一个点，但是浏览器却完全允许这样的行为啊，导致每次出错时我就扒着屏幕一块一块地去找错了。