CSS 介绍,什么是 CSS、我们为什么要用? CSS 以及 CSS 如何描述 HTML 元素-css教程

首页 2024-07-09 23:02:47

什么是CSS?

CSS 代表层叠样式表
CSS 描述了 HTML 如何在屏幕、纸张或其他媒体上显示元素?
CSS 节省了很多工作。它可以同时控制多个网页的布局
存储在外部样式表中 CSS 文件中
为什么我们使用CSS?
CSS 用于定义网页的样式,包括不同设备和屏幕尺寸的设计、布局和显示变化。

示例
身体{
  背景色:浅蓝色;
}

h1 {
  白颜色;
  文本对齐:居中;
}

p {
  字体系列:verdana;
  字体大小:20px;
}
CSS解决了一个大问题

HTML 从未打算包含格式化网页的标签!
HTML 以描述网页的内容为目的,例如:

这是一个标题

这是段落。

CSS 节省了很多工作!

样式定义通常保存在外部.在css文件中。

CSS 语法

CSS 规则由选择器和声明块组成。
h1 {颜色:蓝色;字体大小:12px;}
选择器指向您想要设置样式的选择器 HTML 元素。
声明块包含一个或多个以分号分隔的声明。
每个声明都包含一个 CSS 以冒号分隔属性名称和一个值。

示例
p {
  红色;
  文本对齐:居中;
}
示例解释

p 是 CSS 选择器(指向您想要设置样式的选择器) HTML 元素:

)。
颜色是属性,红色是属性值
text-align 属性,center 是属性值

CSS 选择器

CSS 您想要设置样式的选择器用于“搜索”(或选择) HTML 元素。
我们可以将 CSS 选择器分为五类:
简单选择器(根据名称,id、类别选择元素)
组合选择器(根据元素之间的特定关系选择元素)
伪类选择器(根据某种状态选择元素)
伪元素选择器(选择元素的一部分并为其设置样式)
属性选择器(根据属性或属性值选择元素)

CSS 元素选择器

元素选择器根据元素名称选择 HTML 元素。

示例
p {
  文本对齐:居中;
  红色;
}

以上是CSS 介绍,什么是 CSS、我们为什么要用? CSS 以及 CSS 如何描述 HTML 详情请关注其他相关文章!


p
nat123映射怎么用?超详细步骤,外网访问内网轻松搞定
nat123域名怎么用?两种方式轻松搞定
nat123怎么用?简单几步实现内网穿透
内网穿透工具对比:nat123、花生壳与轻量新选择
远程访问内网很简单:用对工具,一“箭”穿透
ngrok下载完全指南:从入门到获取客户端
内网远程桌面软件:穿透局域网边界的数字窗口
从外网远程访问内网服务器的完整方案
Windows Server 2008端口转发完全教程:netsh命令添加/查看/删除/重置
为什么三层交换机转发比Linux服务器快?转发表硬件加速的秘密