首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站设计制作、成都网站制作、宣化网络推广、微信平台小程序开发、宣化网络营销、宣化企业策划、宣化品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供宣化建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
与HTML的结合方式CSS与HTML的结合方式一共有三种，分别是：外部样式、内部样式和内联样式。①外部样式当样式需要应用于很多页面时，外部样式表将是理想的选择。
引入方法是将样式写css文件中，再将css文件链接到HTML文件里。
我们创建一个HTML页面，在body标签中添加一个div标签组。然后在上面的head标签中（title标签下），输入引用CSS的代码style标签。然后在标签中输入一个CSS名称以及相关的样式。要注意看下图的格式，别少输入了。
行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。内嵌式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。
1、样式表文件可以用任何文本编辑器（例如：记事本）打开并编辑，一般样式表文件扩展名为.css。
2、样式风格的设置值被称为CSS属性值.这种设置网页元素的显示效果的方式就是CSS. CSS的设置方式内联样式表(inline style sheets) 直接设置HTML正方标签的style属性的方法称为内联样式表。
3、纵向导航菜单也是网站应用中的一种重要形式，所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。
4、CSS styles面板通过前面几章的学习，相信大家对CSS有了一定的了解，这一章我们来讲解如何利用Dreamweaver4来创建CSS。
创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式 这是一段文本 解释：即在当前元素使用style属性的声明方式。
插入样式表的方法有三种：外部样式表 ( 推荐学习：CSS入门教程 )当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。
链接样式表文件 方法：在内使用标签：如：并建立一个文本文件，起名mystyles.css (和上面对应)。
第一个盒子CSS命名为“divcs5-a”，第二个DIV盒子样式选择器命名为“divcss5-b”。
语法：overflow ：visible|auto|hidden|scroll参数：visible ： 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。
css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。
div id=abc/div 定义id为abc的这个div的CSS属性 在head下 style {width：100px；height：100px； overflow：scroll； } /style overflow：scoll；的意思是总显示滚动条。
这种需求写css即可，滚动条也有样式的，其名称为：-webkit-scrollbar、：-webkit-scrollbar-thumb、：-webkit-scrollbar-corner等。--- 题外话，模拟计算滑块的属性。
1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应。
2、你得避免使用这个方法去隐藏任何可以获得焦点的元素，因为如果那么做，当用户让那个元素获得焦点时，会导致一个不可预料的焦点切换。这个方法在创建自定义复选框和单选按钮时经常被使用。
3、HTML5是网页的基础语言简单并概括来说，CSS3是对HTML5内容进行布局（即安排每一块内容的位置）、添加外观样式。HTML5是网页的基础语言，主要用于描述超文本中内容的显示方式。它是学习Web前端开发的第一步。
4、一般我们可以看到，在web前端开发工程师的要求中，有一个会使用css+html或css+div进行界面布局，所以css是用来辅助html进行布局和显示的。
5、Web前端开发所需要的知识技能及学习路径。HTML5CSS3JavaScript。Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。
6、知识点：Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。