标签、内容
来进行美化的,在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