Dreamweaver里的SCC是什么,有什么作用

html-css020

Dreamweaver里的SCC是什么,有什么作用,第1张

css是对Dreamweaver软件中html中的

标签、内容

来进行美化的,在html里标签很多(如body、div、p、a、input、h1、h2、……),通过css可以对这些标签设置宽度、高度、并且可以设置html里文字的大小、颜色

、位置等等,css规则中有三种选择器类型:类、标签、高级。类:在html里设置形式(如<p

class="aa">内容</p>),对应在css里就这样写.aa{font-size:12px

}

主要强调的是那个“.”;标签:在html里形式(如<p>内容</p>),对应在css里就这样写p{font-size:12px

}

;高级:在html里设置形式(如<div

id="aa">内容</div>),对应在css里就这样写#aa{font-size:12px

}

主要强调的是“#”。另外,层与层之间,在html里设置形式(如<div

id="bb"><p class="aa">内容<p></div>),对应在css里如果这样写#bb

.aa{font-size:12px

}

那么主要强调的是

#bb与.aa之间的空格,表示的是控制标签#bb下面的.aa里的属性;如这样写#bb,.aa{font-size:12px},那么主要强调的是

#bb与.aa之间的"逗号",表示的是#bb和.aa的属性一样,写在一起。

css里还有很多属性,其中上面font-size:12px

的这个,只是设置"内容"的字体大小为12px.

若在里面添加width:730px就表示设置了标签的宽为730像素。

第一种是内嵌式,这种方法是以前学习css样式常用到的,也就是把css样式代码写入到<head>头部信息中去。比如给网页设置背景颜色之后就会在<head>头部信息中加入一个代码,<head>中多了一body的样式。

第二种行内样式,也就是直接在html样式中输入css样式,比如在标题1也就是<h1>中直接输入style之后可以选择样式属性值。

要是再设置,就要输入;空一格,在选择其他的样式属性值。但是这种方法不建议使用。

第三种连接式,这种方法时目前最常使用的,可以直接为多个网页页面直接使用。

点击新建css规则,在弹出的新建css规则对话框中选择需要的选择器和名称,在规则定义中选择新建样式表文件,点击确定。

在弹出的对话框中选择css样式文件命名,并选择要放置的文件夹。

然后在编辑css样式属性,在代码中就多了一个连接css文件的代码,在窗口上面多了一个scc样式文件,要是把这个css样式文件要用到其他的网页中,只要把css的连接代码复制到其他的网页中去,其他的网页也就能适用这个css样式文件设置的属性,我们可以把整个网站的网页的全部属性放置在这个css样式文件中去。以后在更改网站风格的时候,只要更改这个css样式文件即可。

图文详情请看:http://jingyan.baidu.com/article/e75aca8559f402142fdac671.html