css网页中写法(css做网页)
作者:抖音小助手 浏览量:
时间:2024-05-09 17:25
一、关于CSS网页中的写法
1. 基本概念:CSS(Cascading Style Sheets),中文叫做风格表,是用来控制网页元素的外观和布局的一种网页样式语言。它用于把网页元素的颜色、位置、大小等元素进行归纳,从而达到与设计效果一致的效果。
2、CSS语法:CSS语法可以分为两部分:选择器(selector)和声明(declaration)。选择器是针对要设计的元素的选择范围,用来指定网页中某些特定的元素;声明是对选择器的设定,用来告诉网页中有关部分的外观和布局的信息。选择器和声明写在一对大括号中,选择器用来指定要设计的元素,声明用来定义该元素的样式。
3、CSS选择器:CSS使用选择器(selector)来指定要设计的元素,包括元素名选择器、类选择器、ID选择器等。元素名选择器指定通配符选择器,用来选择与元素名相同的所有元素;类选择器指定类元素,根据页面上指定元素的定义来选择;ID选择器指定ID元素,根据元素的ID值来选择。
4、CSS声明:声明是对选择器的设定,用来告诉网页中有关部分的外观和布局的信息,声明是用“属性:值”的格式来写的;如果是多个声明,可以用分号“;”隔开。常见的CSS属性有:字体、段落、单词,表格、背景、定位、链接、额外空间、集合和动画等。
5、CSS引用:CSS可以通过声明、使用外部文件(外部样式表)和内联样式(内联样式表)三种方式来引用。声明式引用可以在HTML页面的head标签内部使用指向样式表文件的链接(link)来引用;使用外部文件方式引用可以把所有的样式规则放在一个独立的文件中,然后在需要使用这些样式规则的网页中使用指向这个文件的链接来引用;内联式引用可以把样式规则直接放在需要使用这些规则的元素中。
6、CSS注释:CSS可以添加注释,用来说明代码的作用或者作者、版权等信息,注释之间不能包含双引号,否则将无法识别;用“/* … */”来包含注释内容,注释内容可以多行。
7、CSS优先级:CSS网页中的样式优先级是一种控制样式优先显示的机制,根据样式表的位置、引用方式、权重级别及特殊性,确定所使用样式的有效性,从而获得合理的显示效果。优先级的判断可以是:内联式的样式表要比外部样式表的优先级高;权重越高优先级越高,一个规则的特定性越高优先级越高。
8、CSS兼容性:CSS兼容性指浏览器对不同版本的CSS语法和样式表格式的支持,我们在编写网页中的CSS代码、使用样式表时应该考虑不同浏览器的兼容性,以确保在不同浏览器下正常显示网页内容。
一、写法的基本要素:
1、HTML结构:所有的CSS都必须要有一个全套的HTML结构。
2、CSS选择器:选择器是指单独指定某一元素进行样式设置。
3、CSS属性:CSS属性定义要应用到特定元素的样式特性。
4、CSS值:CSS值表示CSS属性值,通常可以是一个单位值,如50px,或者是一个特殊值。
二、CSS分类:
CSS主要可以分为三类:
1、基础CSS:基础CSS是在一般的HTML页面中使用的,像对文字的处理(文字的颜色、大小等),对背景的处理(背景颜色、图片背景等)等等。
2、布局CSS:布局CSS指的是一个现代的网页的设计大致说来都依赖于CSS布局。布局CSS主要是关于如何布局文档的,把网页分成了头部、主体、脚注等部分,布局CSS通过设置网页内容的位置、定位、尺寸等来完成整个页面的建构。
3、表现CSS:表现CSS是用来给HTML页面中现有的元素添加外观特性,而不需要改变文档结构的情况下,使页面元素可以改变颜色、背景等,表现CSS是最终给页面增添美感的关键法宝。
三、CSS的书写格式:
CSS的书写格式主要由3部分组成,分别为选择器、属性、值。
1、选择器:到底要对哪些元素设置样式?CSS使用选择器来指定。
2、属性:你要对指定元素怎么进行操作?CSS使用属性来标明操作元素的类型。
3、值:你要将某个属性设置为什么值?CSS使用值来完成那个具体的设置。
四、CSS的特点:
1、表现性强:CSS拥有完整的表现性,即屏幕上元素的外观可以任意改变,比如文字的加粗与否,段落的缩进等。
2、可继承性强:CSS具有一种叫做“继承性”的特性,这意味着子元素可以从父元素中继承父元素的所有属性,无需对每个子元素进行操作。
3、细赖性强:CSS允许你指定不同的样式规则,来达到不同的屏幕、不同的浏览器、不同的操作系统上的不同表现。