1、外部样式：将网页链接到外部样式表。内页样式：在网页上创建嵌入的样式表。行内样式：应用内嵌样式到各个网页元素。
成都创新互联公司专注于企业营销型网站建设、网站重做改版、尼元阳网站定制设计、自适应品牌网站建设、H5建站、电子商务商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为尼元阳等各大城市提供网站开发制作服务。
2、新建HTML文件 在DW8右侧栏目里点击CSS下三角箭头展开。点击展开后模块底部的小（+）号添加样式表。名称里随便添些字母，下面选择新建样式表。5，确定保存文件。样式表就建成了。并在HTML连接代码也加入了。
3、链入外部样式表文件 (Linking to a Style Sheet)你可以先建立外部样式表文件（.css），然后使用HTML的link对象。
4、CSS样式表一共分3种，分别是：内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。
5、定义CSS样式 (三种方式)在head标签中加载一个CSS文件示例 此例使用了link标签。
首先新建一个 常用的css属性.html 文件，如图所示。输入HTML5的结构代码，将title标签里面的内容修改成：常用的css属性，如图所示。color：设置文字颜色（前景色），如图所示。
float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。
使用animation动画属性，最重要的就是配合有“关键帧”——@keyframes 样式设置如下：这样的设置，就是将1s分为3帧，每帧显示不同的背景颜色，然后动画效果只显示1次。
CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。层叠简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。
1、px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化；em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。
2、em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。px是像素，是对所有浏览器都显示为一样大小的。一般在p标签的text-indent：2em表示首行缩进两个字符。
3、EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以body的“font-size”为基准。如WordPressguan 方主题Twenntytwelve的基准就是14px=1em。
4、px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。
1、px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化；em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。
2、EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以body的“font-size”为基准。如WordPressguan 方主题Twenntytwelve的基准就是14px=1em。
3、em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。px是像素，是对所有浏览器都显示为一样大小的。一般在p标签的text-indent：2em表示首行缩进两个字符。
而是使用link导入外部样式表：link rel=stylesheet type=text/css href=css/styles.css /1 避免使用CSS表达式(Expression)CSS表达式是动态设置CSS属性的强大(但危险)方法。Internet Explorer从第5个版本开始支持CSS表达式。
对表格td设置CSS 在表格网页布局中，一般情况下都需要对td设置样式，比如对td设置行高，padding等均是有效果的。
对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。
这样做的好处在于：增加站点的寿命不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。
以确保页面的响应性和可用性。此外，还可以进一步拓展这个问题，讨论其他可能导致一列占据三列的情况，例如错误的CSS样式设置、容器宽度不够、浏览器兼容性等。提供更多的拓展内容可以帮助读者更好地理解和解决类似的问题。
也许我们一开始的接触只是因为链接的样式修改，然后慢慢发现CSS的强大而又简单，于是我们用它来控制整个网页的布局、排版、色彩、图片等等工作。
px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。
px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以body的“font-size”为基准。
② em的值不是固定的；③ em会继承父级元素的字体大小；根据以上特点我们知道em单位转换为像素值，大小取决于自身父级元素所设置的px值大小。父级元素字体大小乘以em的值。