1首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件2新建文件完成之后，写入一个div代码操作，如图所示3写入div代码之后，引入一个css样式，如图代码操作所示4引入样式代码之后，打开引入的css文件。

5可以通过简单的更改CSS文件，改变网页的整体表现形式，可以减少我们的工作量，所以她是每一个网页设计人员的必修课5CSS是由W3C的CSS工作组产生和维护的如何将样式表加入到网页 可以用以下三种方式将样式表加入您的网页。

可以通过设置一个span元素，赋予css样式实现css代码如下主要css属性是borderrightborderright1px solid graypaddingright10pxpaddingleft10px假设一个div，包含三个span元素也可以是任何两个具有第三批。

随机载入CSS样式的JS效果实际上很好实现，本文的代码如下，具体思路是用一个默认的CSS样式defaultcss另外再用三个其他名称的CSSskin1css，skin2css，skin3css当然你可以用更多的样式表，随后在载入时进行随机。

CSS样式表代码布局基础教程课程10外部样式表一 十外部样式表 外部样式表是把各种样式单独存在一个文件里，供其他多个网页调用，下面我们来看一个练习 1文本编辑器 1打开记事本或 geditleafpad 文本编辑器，gedit 在查看菜单。

样式类样式代码 蓝色 背景色蓝色颜色#FFFred 背景色＃E20A0A颜色#FFF 黄色 背景颜色黄色颜色#fff lt样式 3此时，我们的选择下拉框调用样式类样式代码如下lt选择 123 lt。

行内样式 CSS可以直接放到行内样式中引入即可，比如代码如下图 hello world 嵌入式 还可以采用潜入方式引入CSS，就是把CSS写到标签中，这种方式比较实用，如下图所示 h1 color red。

3运行代码，效果如下4使用css对导航的字体的字体大小颜色排列方式等进行美化，代码如下5运行代码，效果如下可见，经过CSS样式美化，鼠标经过的时候，显示蓝色6利用CSS编写代码，实现鼠标经过时显示下划线效果。