在生活中经常看到网页很漂亮,可能是整个网页的颜色、文字、很好看;也可能是网页上某个内容的摆放位置很好看,就能让人一眼就看到主要内容,等等的
其实这个在 Web 前端中,就是前端三大技术的 CSS,那什么是 CSS 呢?CSS 又能做什么呢?
一、什么是 CSS?
CSS 指的是层叠样式表* (Cascading Style Sheets),CSS 是 (Cascading Style Sheets) 的首字母缩写。
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
网页HTML中大量使用DIV、SPAN、TABLE表格等标签布局,要实现漂亮的布局(CSS宽度、CSS高度、CSS背景、CSS字体大小等样式)我们就需要CSS样式实现。同样的一组DIV标签,对应CSS样式代码不同,所得到效果也不同。
CSS 节省了大量工作。它可以同时控制多张网页的布局
外部样式表存储在 CSS 文件中
*:也称级联样式表。
我们可以比作HTML是骨架,CSS是衣服。相同HTML骨架结构,不同CSS样式,所得到的美化布局效果不同。
二、CSS 演示 - 一张 HTML 页面 - 多个样式!
所以对于刚学习DIV+CSS的我们不需要特别刻意知道CSS样式是什么,DIV CSS样式只是一种技术的代名词而已,与DIV+CSS相关,与网页相关的,在以后制作网页用到css的时候自然会对CSS样式更深层的认识。
三、为何使用 CSS?CSS 解决了一个大问题
CSS 解决了一个大问题
HTML 从未打算包含用于格式化网页的标签!
创建 HTML 的目的是描述网页的内容,例如:
<h1>这是一个标题。</h1>
<p>这是一个段落。</p>
CSS 用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。
CSS 实例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
为了解决这个问题,万维网联盟(W3C)创建了 CSS。
CSS 从 HTML 页面中删除了样式格式!
CSS 节省了大量工作!
样式定义通常保存在外部 .css 文件中。
通过使用外部样式表文件,您只需更改一个文件即可更改整个网站的外观!
零基础学习难吗
CSS 是什么?CSS 学习很简单的,可以所写即所得,就是你写一点内容都可以在看见效果的,如果你不信,也可以参加我们的免费试听课程,去看看就可以了。
易牛云朗沃提供了
CSS是什么 的五天免费试学课程,去看下就知道了。