当前位置:首页 > 前端开发 > CSS 基础教程:CSS 语法

CSS 基础教程:CSS 语法

6个月前 (05-28)53

CSS 语法

CSS 规则集(rule-set)由选择器和声明块组成:

CSS 基础教程:CSS 语法 _ Java侠

  1. 选择器指向您需要设置样式的 HTML 元素。
  2. 声明块包含一条或多条用分号分隔的声明。
  3. 每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。
  4. 多条 CSS 声明用分号分隔,声明块用花括号括起来。

实例

在此例中,所有

元素都将居中对齐,并带有红色文本颜色:

p {
     
  color: red;
  text-align: center;
}

例子解释

  • p 是 CSS 中的选择器(它指向要设置样式的 HTML 元素:

    )。

  • color 是属性,red 是属性值
  • text-align 是属性,center 是属性值
  • 在下一章中,您将学到更多关于 CSS 选择器和 CSS 属性的知识。

作者:王先生
来源链接:https://blog.csdn.net/weixin_45999243/article/details/118660257

标签: css

“CSS 基础教程:CSS 语法” 的相关文章

CSS盒模型详解(图文教程)

CSS盒模型详解(图文教程)

本文最初发表于博客园,并在GitHub上持续更新。以下是正文。 盒子模型 前言 盒子模型,英文即box model。无论是div、span、还是a都是...

CSS,font awesome和iconfont引入图标,并改变图标大小,颜色的方法

CSS,font awesome和iconfont引入图标,并改变图标大小,颜色的方法

1.font awesome  (1)在官网上下载图标库文件 (2) 代码 <!DOCTYPE html> &...

css编写规范

一、注释规范  1、文件顶部注释(推荐使用)  Css代码  /*&n...

css3的颜色线性渐变属性:几种颜色之间的平稳过渡(附完整代码)

css3的颜色线性渐变属性:几种颜色之间的平稳过渡(附完整代码)

当下web网页开发的过程中更多在意的是人机交互和用户体验,最直观的体现在网页色彩的多样化上面。本篇文章给大家带来的内容是关于如何使用css3实现颜色线性渐变属性,有一定的参考...

HTML CSS input 标签 使用方法

示例代码: <input type="input 类型" value="input 按钮显示文字" />...

【HTML&CSS】常用标签以及编写格式

【HTML&CSS】常用标签以及编写格式

一、学习内容回顾 HTML Hyper Text Markup Language:超文本标记语言 超文本:不仅仅是纯文本,还包括字体效果和多媒...

博客园页面定制CSS代码

博客园页面定制CSS代码

博客园页面定制CSS代码  要是觉得有用,就点个推荐呗~   首先,皮肤选择darkgreentrip。 1 #home {...

css-去除input框里面的默认背景颜色

css-去除input框里面的默认背景颜色

input输入框在浏览器里面会有输入历史记录的功能,当你选择输入记录的时候,输入框会出现蓝色的背景颜色 这时候需要用css处理一下: input{...

使用 CSS 轻松实现一些高频出现的奇形怪状按钮

使用 CSS 轻松实现一些高频出现的奇形怪状按钮

背景 在群里会有同学问相关的问题,怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢? 本文基于一些高频出现在设计稿中的,使用 CSS 实现稍微有点难度和...

CSS颜色设置和调色板

CSS单位分析 px:单位代表像素,1px代表一个像素点。 %:设置子元素为父容器的占比。 em:代表该元素中一个字体所占字符,常用在文字首行缩进。其具有继承性。...