网页设计CSS是什么

来源：搜学搜课     时间：2022/3/3 16:57:23

　　网页设计CSS是什么-引入CSS样式表的方式

　　网页设计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选择器、标签选择器综合应用。