建立网页设计css样式应用css设置网页样式

Dreamweaver如何创建类CSS样式

1、打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。

创新互联专注于梁平企业网站建设,响应式网站建设,商城建设。梁平网站建设公司,为梁平等地区提供建站服务。全流程定制网站设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

2、首先使用Dreamweaver CS5创建新的CSS规则，然后可以设置下面的任意属性。打开“CSS样式”面板。在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。

3、使用Dreamweaver CS5创建新的CSS规则打开文档，将光标移动到要插入CSS规则的位置上，然后选择下面的任意一种方法打开“新建 CSS 规则”对话框。

4、在点击菜单栏上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷键Ctrl+shift+E)，调出Edit Style Sheet（编辑样式表）对话框窗口。

1、一：全局定义：root{ //此处的root是固定的。--them-color：blue； //自定义属性时以--开头，告诉浏览器这是自定义的。

2、创建css样式时，class类样式名称的前面必须加一个原点。类选择器是css代码中最常用的，通过为元素单独设置class来赋予元素样式效果。类选择器都是使用英文圆点开头，每个元素可以有多个类名。

3、）id是设置标签的标识。用于定义一个元素的独特的样式。

4、在定义“类”时，“类名必须以英文字母或句号开头，不可包含空格或其它符号”，当你命名有错时，DW会提示你的（在CSS面板里新建CSS样式时）。

5、在CSS styles面板里显示了所有自定义的CSS样式(也就是上面提到的以点开头的类选择符，Dreamweaver4把这样以点开头的类选择符作为自定义样式来使用)，可以利用Apply按钮这些CSS样式随意应用在页面中的文本或文档区域。

创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式这是一段文本解释：即在当前元素使用style属性的声明方式。

第一种：行内式样式插入CSS样式在html文件中输入如上图所示的内容。这时候在使用浏览器打开，就实现插入CSS样式。如上图所示。第二种：嵌入式样式插入CSS样式在html文件中输入如上图所示的内容。

行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。嵌入式嵌入式是将CSS样式集中写在网页的标签对的标签对中。

CSS中可以通过三种方法引入样式表：（1）内联样式（2）嵌入式样式（3）外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。

插入样式表的方法有三种：外部样式表 ( 推荐学习：CSS入门教程 )当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。

推荐：《编程视频》首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=双引号中才可以，如：这里文字是红色。

本文名称：建立网页设计css样式应用css设置网页样式
分享地址：http://ybzwz.com/article/dgihjcj.html