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

网页设计CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

网页设计CSS是什么

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

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章