- ·上一篇内容:HTML简介
- ·下一篇内容:HTML网页的基本结构
CSS简介
什么是CSS?
CSS是用于设计网页样式的语言。它的全称是Cascading Style Sheets,即级联样式表。
CSS用于描述HTML文档中的元素以何种方式显示在屏幕或其它媒体上。
使用CSS可以帮助我们快速布局网页内容,并同时可以在多个网页或网站中进行使用。
CSS可以写在一个HTML文档中,也可以单独存储在后缀为CSS的文件中。
CSS有什么用?
CSS用于定义网页的样式,包括设计、布局以及不同设备和屏幕尺寸的呈现形式。
HTML主要使用各种标签来定义网页中要显示的内容,但对网页中内容的布局、字体、颜色或一些特效的应对能力较弱。虽然,在HTML中可以借用<font>标签或color属性来实现一定的样式,但是这要设计人员为每个标签都要进行这样的操作,可以说是件非常困难的事。即使做到了,在修改网页样式时,也是一场噩梦。
而CSS可以通过各种方式为一些拥有共同样式的标签或内容设置统一的样式,而且修改也很方便。
CSS Example
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
CSS的使用方式
在实际中,如果多个页面运用相同的样式,我们一般把定义的样式统一保存在一个.css文件中,这样在HTML中可以借用相关标签将其导入到网页中,供设计者调用,同时在浏览器浏览相关网页时,浏览器会加载这些样式并运用到相关内容上。
CSS也可以借用HTML的<style>标签在一个单独的HTML页面中进行定义,这样,相关的样式只适用于当前页面。
CSS也可以在一个标签的style属性中进行定义,这样相关的样式只对当前标签及嵌套的内容起作用。
微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。
个人成长离不开各位的关注,你的关注就是我继续前行的动力。