CSS简介,CSS是什么意思

CSS是什么意思

CSS,是英文Cascading Style Sheets的缩写,一般又称为层叠样式表,是一门通常用来表现HTML文档或XML等文件样式的计算机语言。通俗来讲(个人理解),如果说HTML构建了网页的基本内容架构,就像还没装修的房子,而CSS则装饰了网页的内容,就像房子被装修了一番。可以通过下方的实例来先对CSS进行简单的了解一下。


CSS设置样式实例代码,及在线编辑器

<p>假设这是一个未经css设置的标题</p>
<p>这是该标题下的内容段落,注意查看字体的大小、颜色等样式。好的样式可以表现出平面设计中的层次感。</p><br>
<p id='p1'>假设这是经过CSS设置的标题</p>
<p id='p2'>这是经过css设置的段落,一般情况下,会将内容部分的字体大小和颜色与标题的进行区分。</p>

<style>
  #p1{font-size:1.5em}
  #p2{font-size:0.95em;color:rgb(120,120,120)}
</style>

实例代码解析

如上代码,<style>标签内的#p1和#p2指的是通过HTML的元素ID选择器选择了这两个HTML元素,并通过{}内的内容设置了这两个元素的样式,其中font-size设置字体的大小,color则设置的是字体的颜色。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.