，另一种用实际尺寸单位，常用像素PX表示，操作方法如下：
1、首先双击打开HBuilderX工具，在已新建的Web项目中，新建一个静态页面css.html。
2、打开已新建的页面文件，引入核心的jquery文件并修改标签文字内容。
3、在body标签元素中，插入一个table表格并添加数据（三行）。
4、在一个td设置class属性值，利用table元素设置相关的css样式，然后使用类选择器设置宽度。
5、最后保存代码并运行页面文件，打开浏览器可以看到表格样式，就完成了。
1、外部样式
格式：<link type=”text/css” rel=”stylesheet” href=”css路径” />
举例：<link type=”text/css” rel=”stylesheet” href=”layout.css”/>
用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
备注：Rel：指明连接的是什么文件； Type：指明引入的文件的格式类型； Href：指明文件的路径，以引入文件为基准的相对路径。
2、内部样式
格式： <style type=”text/css”>选择器 {声明1、声明2………}</style>
这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。
用处：这种形式是内部样式表，它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面
3、举例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行内样式：就是直接在html标签后面写样式代码
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
5、导入样式
@import url(“/css/global.css”);
链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么大家可以把全局都需要用的公共样式放到一个 global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。
6、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {declaration1; declaration2; … declarationN }
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
selector {property: value}
下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。
在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：请使用花括号来包围声明。
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
css中用通配符代表所有元素。
通配符使用星号*表示，意思是“所有的”。
平时使用电脑，比如要搜索C盘里所有的网页，可以使用 *.html来搜索，.html是网页的后缀名，*代表了所有网页的名称；
也就是使用 * 加后缀名，就可以在电脑中搜索文件。
在CSS中，同样使用 * 代表所有的标签或元素，它叫做通配符选择器。
比如：* { color : red; } 这里就把所有元素的字体设置为红色。
*会匹配所有的元素，因此针对所有元素的设置可以使用*来完成，用的最多的例子如下：
*{margin:0px; padding:0px;}
这里是设置所有元素的外边距margin和内边距padding都为0。
不过，由于*会匹配所有的元素，这样会影响网页渲染的时间，因此很多人开始停止使用*通配符选择器，取而代之的是，把所有需要统一设置的元素，放在一起，一块设置。
