深圳龙岗个人网站建设企业网站管理系统用户

深圳龙岗个人网站建设,企业网站管理系统用户,Dedecms 手机网站示例,做网站 图文教程4.1 CSS基础概念和介绍 4.1.1 CSS的基本概念 CSS#xff0c;全称Cascading Style Sheets#xff08;层叠样式表#xff09;#xff0c;是一种用来表现HTML或XML#xff08;包括各种XML方言如SVG、XHTML或XML用于已经建立的一些如MathML或RDF的应用#xff09;等文件样式…4.1 CSS基础概念和介绍4.1.1 CSS的基本概念CSS全称Cascading Style Sheets层叠样式表是一种用来表现HTML或XML包括各种XML方言如SVG、XHTML或XML用于已经建立的一些如MathML或RDF的应用等文件样式的计算机语言。CSS能够对网页进行美化和布局控制网页的字体、颜色、间距、布局等样式使得网页的呈现更加丰富多彩和易于阅读。4.1.2 CSS的特点样式与内容分离CSS将网页的样式与结构分离使得网页的维护更加方便。网页的结构由HTML控制而样式则由CSS控制。丰富的样式设置CSS支持丰富的样式设置包括字体、颜色、背景、边框、边距、定位等几乎可以控制网页中的所有视觉元素。层叠性CSS的层叠性允许为同一个元素指定多个样式规则这些规则会根据一定的优先级也称为权重进行层叠最终决定元素的呈现样式。继承性CSS的继承性允许子元素继承父元素的某些样式属性这减少了重复设置样式的需要。4.1.3 CSS的引入方式CSS可以通过以下几种方式引入到HTML文档中1、内嵌式将CSS代码直接写在HTML文档的style标签内这种方式只对当前页面有效。headstylep{color:red;}/style/headbodyp这是一段红色的文字。/p/body2、外联式将CSS代码写在一个单独的.css文件中然后通过HTML的link标签引入。这种方式适用于多个页面共享相同样式的情况。headlinkrelstylesheethrefstyles.css/headstyles.css文件内容p{color:red;}3、行内式将CSS样式直接写在HTML元素的style属性中。这种方式只对该元素有效且不推荐大量使用因为它会增加HTML的复杂度。pstylecolor:red;这是一段红色的文字。/p4.1.4 CSS的基础选择器CSS选择器用于选择需要应用样式的HTML元素。基础选择器主要包括以下几种1、标签选择器元素选择器根据HTML元素的标签名来选择元素。p{color:red;}这条规则会将所有元素的文字颜色设置为红色。2、类选择器通过元素的class属性来选择元素。类选择器以点.开头后跟类名。.highlight{background-color:yellow;}pclasshighlight这是高亮显示的文字。/p3、ID选择器通过元素的id属性来选择元素。ID选择器以井号#开头后跟ID名。需要注意的是ID在HTML文档中必须是唯一的。#unique{border:1px solid red;}dividunique这是唯一的元素。/div4、通配符选择器使用星号*作为选择器它会匹配文档中的所有元素。*{margin:0;padding:0;}这条规则会清除所有元素的默认边距和内边距。