网页设计CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
一、网页设计CSS是什么
CSS通常被称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
CSS 以 HTML 为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
CSS非常灵活,它既可以嵌入在HTML文档中,也可以是一个单独的外部文件,如果是独立的文件,则必须以.css为扩展名。
二、引入CSS样式表的方式
(1)行内式
行内式是通过标记的style属性来设置元素的样式。style是标记的属性,实际上任何HTML标记都拥有style属性,用来设置行内式,其中属性和值的书写规范与 CSS 样式规则相同。行内式只对其所在的标记及嵌套在其中的子标记起作用。
(2)内嵌式
内嵌式是将CSS代码集中写在HTML文档的head头部标记中,并且用style标记定义。
(3)链入式
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标记将外部样式表文件链接到HTML文档中。
三、CSS选择器有哪些类型
在DreamweaverCS6中,提供了4种CSS选择器类型,即类选择器、id选择器、标签选择器、复合选择器。
(1)类选择器。该选择器可以单独使用,也可以与其他元素结合使用。为了将类选择器的样式与元素关联,必须将class指定为一个适当的值。选择器名称以“.”开头。
(2)id选择器。id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以“#”来定义。在网页中id的名称是唯一的。
(3)标签选择器。可以为拥有指定属性的HTML元素设置样式,而不仅限于class和id属性。
(4)复合选择器。根据选择的内容,可以将类选择器、id选择器、标签选择器综合应用。