我用在线CSS编辑器编辑的,出来两种代码,为什么啊?

html-css018

我用在线CSS编辑器编辑的,出来两种代码,为什么啊?,第1张

第一种..当你把它保存为一个单独的CSS文件时叫做外部CSS样式...

而当你把它直接让在html里的style标签里的时候它叫做内部CSS样式

第2种...叫做行内样式..

区别就在于...第一种如果你指定一个CLASS或者一个tag那么它会针对整个页面起作用..而第2种不管你怎么指定DIV的class..它只对这一个DIV起作用..而且..写入后...页面的代码变的拥挤..这样不好..尽量少的写行内样式...

1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。

2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。

3、选择要创建的css样式的内容。比如要为段落更改样式。

4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小改为16px,字体颜色改为红色。

5、点击确定,发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。