简述css的基本含义？css规范写法
本文目录
简述css的基本含义
css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
资料扩展：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式的能力。
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，只需要在样式列表中找到相应的样式声明进行修改。
多页面应用CSS样式表可以单独存放在一个CSS文件中，这样就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
css规范写法
一般css两种写法
.class{样式1:样式1; 样式2:样式2; 样式3:样式3; 样式4:样式4;}
.class{样式1:样式1; 样式2:样式2; 样式3:样式3; 样式4:样式4;}
另一种是
.class{样式1:样式1;
样式2:样式2;
样式3:样式3;
样式4:样式4;}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小，基本没有多余代码，但是对于修改会比较麻烦一点，第二种方式有比较多的代码(回车和空格会影响文件大小，但是影响不大)，但是修改起来比较方便，然而这样竖着写有时样式太多还是容易混乱。现在还没个标准，怎么写顺手就怎么写，简洁主要在布局和使用的样式减少，而不在写法，可以多定义些共用的样式，class="样式1 样式2"可以同时使用多个样式，这样可以节省css代码，而且更清晰
标准css文件开头怎么写
/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h3,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}
HTML和css是什么
一、css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。
二、HTML和CSS的区别?
1、定义不同：
html是HyperTextMark-upLanguage的缩写，即超文本标记语言；
css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。
2、用途不同：
html则是用于文本内容，包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
css是多用于样式，主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。
3、CSS语法与HTML语法完全不同：
HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等，html代码语法范例：《div》内容《/div》
CSS样式代码语法是div{样式单词：值}
三、HTML和CSS联系：
CSS与HTML相同之处在于，两个共同作用让网页实现需要的布局样式。
扩展资料：
1、标记符《html》,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头;而《/html》,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
2、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
介绍一下标准的css的盒子模型与低版本ie的盒子模型有什么不同的
标准的css盒子模型：他的宽度=内容的宽度+边框的宽度+加上内边具的宽度
比如：.box{width:100px;border:10px solid #ccc;padding:10px}
那么标准的css盒子模型中的box这个的总的宽度就是140px=100+10+10+10+10；
但是低版本ie的盒子模型box的宽度还是100px，
更多文章：
2026年9月22日 01:00
方舟生存进化新物种图鉴中英文对照图鉴 庞马资料图鉴 庞马（Equus magnus）？植物大战僵尸英文版图鉴
2026年9月22日 00:10
2026年9月21日 22:40
2026年9月21日 18:50
html document对象（载入浏览器的html文档都会成为document的对象吗）
2026年9月21日 16:00
安装包怎样下载mysql（如何在官网上下载可安装版的MySQL数据库）
2026年9月21日 15:30
威廉尖叫音效在线（渴求《勇敢的心》的配乐a gift of a thistle下载）
2026年9月21日 15:20
wordpress建站教程视频（WordPress建站的基本流程）
2026年9月21日 14:00
2026年9月21日 13:50
2026年9月21日 13:20
