2、CSS代码写到什么地方（上例：

使用style在html中内嵌CSS代码，当然可以使用LINK外部引入CSS文件）

3、CSS属性选择器命名自己可以取，而CSS样式属性是固定的，如宽度对应width

注意“yangshi”与"abc",对应到HTML里一个用class一个用ID，我们就需要认识CLASS与ID区别与CLASSID用法。

从CSS原理我们主要是学习CSS与HTML关系，

下来你将接触到-必须学会与认识知识 

CSS高度：

学会控制网页内容与布局高度

CSS宽度：

学会使用CSS控制网页与布局宽度

CSS注解：

学会在CSS中注解、注释

classid：

一定要搞清楚ID与CLASS

cssid：

一定搞清ID作用

cssclass：

一定搞清楚CLASS用法作用及与ID区别

CSS居中：

内容居中、布局居中、垂直居中、上下左右居中

CSS背景：

CSS控制背景方法与CSS背景深入运用

CSS字体：

学会对文字、字体控制

CSS工具：

学会和认识常见CSS工具

CSS手册：

一定要收藏的遇到CSS问题或单词可以提供在线CS手册速查

html基础：

学CSS前必备功课

css教程：

欢迎来到DIVCSS5、同时有什么问题可以通过网页顶部搜索工具搜索想要的知识与问题。

等...

认识CSS，了解CSS作用

通过首页和CSS样式介绍什么是CSS样式，相信大家对CSS也有一定认知和了解。

接下来，我们详细来介绍和解释下CSS样式表

目录

1.CSS定义解释

2.基本语法与结构

3.达到效果与特点

4.解决问题

CSS定义与解释  

CSS是CascadingStyleSheets（层叠样式表单）的简称。

CSS就是一种叫做样式表（stylesheet）的技术。

也有的人称之为“层叠样式表”（CascadingStylesheet）。

CSS基本语法与结构  

实际上CSS代码都是由一些最基本的语句构成的。

它的基本语句语法的结构是这样的：

选择符{属性：

属性值}例子如：

#yangshi{width:

156px;height:

25px;}

在网页制作时采用CSS技术，可以有效地对全站页面有共同性质属性的布局、字体、颜色、背景和其它效果属性实现更加精确的控制。

只要对网页HTML里的相应的CSS代码做一些简单的修改，就可以改变同一页面或整站用到此“选择类”的网页的外观和格式样式。

CSS的作用可以达到效果及特点：

（1）在几乎所有的浏览器上都可以使用。

（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

（4）你可以轻松地控制页面的布局。

（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。

你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？

我们一般使用HTML标签来实现，代码非常烦琐。

很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。

说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。

结合DIVCSS是通过对页面结构的风格控制的思想，来控制整个页面的风格的属性。

浏览器通过CSS类解释来呈现CSS属性来表现样式里设置的样式。

CSS替我们解决什么问题-CSS作用？

通过前面我们知道CSS也只是一个技术或一个东西的代名词，那究竟CSS作用是什么，CSS能帮我们解决什么问题呢？

CSS配合DIV或div+css作用与解决问题：

1、CSS技术帮我们控制网页中的字体大小、页面宽度、页面内容靠左靠右、字体样式、某些网页里区域背景图片、背景颜色、超链接鼠标事件样式、图片居中、文字居中、网页中内容板块间隔等样式（花样）。

2、网页中一些标签元素样式控制，如：

标题

、段落

、span、列表

等等网页元素设置控制，包括上面讲的文字图片大小、DIVCSS布局宽度颜色等属性。

 

CSS代码是什么?

CSS代码是什么，什么是CSS代码？

目录

1.什么是CSS

2.css代码样子（图）

3.作用

4.相关扩展阅读

了解什么是css?

  

CSS全称为CascadingStyleSheets，中文翻译为“层叠样式表”，简称CSS样式表又被我们称为CSS样式，CSS样式又被作为一种能制作出各种样式网页的技术统称。

Css代码是一些有意义的英文组成，包括css属性英文及值组成，如下图

分析上图：

css代码由css命名加、“{”、加css属性、加属性值最后以“}”结束组成css属性选择器。

Css代码作用 

Css代码是控制网页显示样式。

你可能需要了解一下相关内容 

css文件是什么

css样式是什么？

DIV+CSS有什么用？

CSS引入网页方法、css应用

class与id区别及用法

创建css样式,编写css代码方法

什么是css文件?

目录

1.CSS文件定义

2.css文件样子

3.CSS文件里面内容

4.新建一个CSS文件

5.使用DW新建CSS文件

6.使用记事本新建CSS文件

CSS文件定义  TOP

接下来我们来了解下divcss中的css文件是什么这个基础问题。

首先我们这样理解，css文件应该想到是文件之类的什么东西，那就没错，css文件是指css代码放到一个单独的文件里，并以css扩展名命名如yangshi.css，这样就是css文件。

div+css文件与css文件区别。

div+css文件是指的html网页文本文件和css文件两个部分组成。

如index.html+yangshi.css

还有css文件是引入到html网页里的，你可以了解css引入，css引用知识。

具体了解css文件什么样子的  TOP

以上就是css文件样式，都是以.css为扩展名的文件。

了解css文件里内容  TOP

Css文件里都放的是如上图一样的css代码。

新建一个css文件方法。

  TOP

使用Dreamweaver新建CSS文件  TOP

1、使用Dreamweaver新建一个css文件-Dreamweavercss

首先打开Dreamweaver软件，然后点击最左上角的“文件”

然后选择“新建”，将弹出以下窗口

然后选择“页面类型”中的“css”，然后点击右下角的“创建”，即可新建一个css文件。

2、使用记事本方式新建css文件  TOP

首先要在新建一个css文件的文件夹里点击鼠标右键，然后选择新建“文本文档”。

即可新建一个扩展名为txt的记事本文件，然后将记事本的扩展名txt改为css即可新建一个css文件，并将中文字改为自己要新建的css名即可，这里为yanshi为例。

以上就是divcss网对css文件介绍及使用新建一体的介绍。

什么是css样式

目录

1.定义

2.走进CSS样式

3.通俗认识

CSS样式定义 - TOP

简单地讲，CSS样式全称为CascadingStyleSheets，中文翻译为“层叠样式表”，简称样式表有被我们称为CSS样式或认知的divcss样式，而CSS就是CascadingStyleSheets英文单词开头字母缩写，CSS样式是一种制作网页样式的新技术也就是本DIVCSS5介绍主题。

 

走进CSS样式 - TOP

大家可以这样理解CSS样式只是一个名称而已，就像自己名字为什么叫张三李四一样，从“CSS样式”短语可以理解，去除“CSS”后，只剩“样式”两字，所以可以通俗理解“样式”就有花样、种类多样、多种多样、各式各样等意思。

顾名思义CSS样式就是通过"CSS"代名词后技术来制作开发多种多样不同样式、不同版面、版面区分、上下区分网页的一种CSS技术。

通俗认识 - TOP

所以对于刚学习DIV+CSS的我们不需要特别刻意知道CSS样式是什么，DIVCSS样式只是一种技术的代名词而已，与DIV+CSS相关，与网页相关的，在以后制作网页用到css的时候自然会对CSS样式更深层的认识。

css代码是什么

css文件是什么

div+css布局

新建一个css样式

新建一个css样式

怎么定义1个DIV的CSS样式？

怎么新建一个css样式？

目录

1.实例说明

2.定义样式

3.嵌入html

4.实例展示

5.小总结

实例说明 - TOP

新建css实例说明：

分别我们来定义2个id和两个class样式的类。

两个id的命名为aa和bb，两个class的命名为cc和dd

首先定义css样式 - TOP

1、直接定义到css文件方法

2个id为#aa{font-size:

12px;}，#bb{font-size:

16px;};

2个class为.cc{font-size:

18px;}，.dd{font-size:

22px;};

2、嵌入到html的css样式 - TOP

-了解更多css引用

以上为定义的css样式，接下来我们介绍css样式的css应用-案例展示 - TOP

我样式名为aa的id