一、css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由baiW3C协会制定并发布的一个网页排版式标准,是对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样式表可以将所有的样式声明统一存放,进行统一管理。
html是超文本语言,如以<p>、<span>、<div>、<ul>、<li>等标签写出来的布局代码就是html格式的语言,在这样的编码文档中分为两类不同的编码:1、utf-8;2、gb2312,因此html选择什么编码,css文档就需要选择相同的文档,UTF-8支持各类特殊符号与英文内容的,而gb2312是偏向中文的,css文档其实不是格式,是属于html的样式文件,那什么是样式,很简单的来说,html文档中的语言属于一个对象,就像人一样,是一个对象,当将其添加一个class或是内嵌css时,则表示为这个对象添加样式属性,就像定义对象一个人什么颜色的头发、多高的身体、穿什么颜色的衣服等。下面举一个列子
在html文档中,如文档“人.html”,其中的有个这样的html:
<di class="pople-type">人</div>
那么在css中,我可以这样定义:
.pople-type{
margin:0 auto横向居中
width:100px宽度
height:100px高度
color:#fffffff字体颜色
background-color:#666666背景颜色
}
.pople-type里面的内容就是定义对象pople-type这个类别的div的样式,那么也就意味着,在整个html文档中,凡是使用这个类的html都具有这样的属性,不论是div、还是p标签、或是span标签,具体的细节我这里就不说了,只是说了个概念的东西,需要进一步学习的话,你在百度上度娘下“w3cschool ”,里面讲的很细,还有演示代码。