CSS的基本语法

CGWTQ 2018-10-13 原文

CSS的基本语法

CSS(层叠样式表)
        层叠样式表(英文全称:Cascading Style Sheets)是一种用来表HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
 
CSS的基本语法
CSS的定义是由三部分组成的,包括选择符(selector)、属性(properties)、属性的取值(value)。其语法如下:
   serlector{
      property1:value;
      property2:value;
      ……
      propertyN:value;
   }
其中,selector是选择符,最常见的选择符是html标签;property是选择符的属性,value为选择符的属性值。多个选择符用分号隔开。
 
 
例子:
body{
  backgroung-color:yellow
}
 
h1,h2,p{
  background-color:#00FF00;
  color:red
}
发表于 2018-10-13 13:27 bignewbie 阅读() 评论() 编辑 收藏

 

版权声明:本文为CGWTQ原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/CGWTQ/p/9782639.html

CSS的基本语法的更多相关文章

  1. 奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画?

    本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性,实现各类有趣、酷炫的动画效果。认真读完,你将会收获 […]...

  2. [html] 图片上传时实现本地预览功能的原理是什么?

    [html] 图片上传时实现本地预览功能的原理是什么? 通过HTML5 File API读取用户上传的图片,生成一个image对象显示到页面个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论...

  3. 布局之: flex(CSS3新增)

    flex 基本概念   flex布局(flex是flexible box的缩写), 也称为弹性盒模型 。将属性 […]...

  4. css padding 属性

    padding与元素尺寸 css中默认的box-sizing是content-box,所以使用padding在 […]...

  5. 不可思议的纯 CSS 滚动进度条效果

    问题先行,如何使用 CSS 实现下述滚动条效果?      就是顶部黄色的滚动进度条,随着页面的滚动进度而变化 […]...

  6. 这些css高级技巧,你知道几个呢?

    1. 黑白图像 这段代码会将彩色照片变为黑白照片 2. 使用 :not() 在菜单上应用/取消边框 该代码用在 […]...

  7. CSS中 隐藏元素的常用方法

    在CSS中,使某个元素在页面中消失的方法有很多,今天为大家介绍几种我常用的方式 。 一、display:non […]...

  8. 记一下flex弹性布局

      flex弹性布局也越来越广泛的在我们代码中出现了,更加方便我们的布局.自己用了查,查了用,有些还是记不住, […]...

随机推荐

  1. 程序流程图画法复习

    1、程序流程图的作用     程序流程图的作用程序流程图的作用程序流程图的作用 程序流程图是人们对解决问题的方 […]...

  2. vncviewer连接远程桌面后无法全屏如何处理?

    答:为vncserver添加-geometry 1920×1280类似的参数启动 如: $ vncs […]...

  3. 02(e)多元无约束优化问题- 梯度的两种求解方法以及有约束转化为无约束问题

    2.1 求解梯度的两种方法 以$f(x,y)={{x}^{2}}+{{y}^{3}}$为例,很容易得到: $\ […]...

  4. Winform打包-NSIS 检测.NetFramework版本(亲测可用)

    首先介绍下,HM NIS Edit工具,是一款已非常简洁好用的winform打包工具,功能强大,插件丰富,还有 […]...

  5. windows server 2012泛域名解析配置

    应测试部门要求,要将一个泛域名(*.office.baibai.com)解析到一个内网的IP(10.1.100 […]...

  6. thinkpad X1c 2018 插上电源风扇转速过快的解决办法 – 兔子的弟弟

    thinkpad X1c 2018 插上电源风扇转速过快的解决办法 主要解决thinkpad x1 carbo […]...

  7. iOS App自动化性能采集(转载)

    前言对于iOS总体生态是比较封闭的,相比Android没有像adb这种可以查看内存、cpu的命令.在日常做性能测试,需要借助xcode中instruments查看内存、cpu等数据.但是借助instruments比较麻烦、又不能提供命令...

  8. vue中el-upload上传多图片且携带参数,批量而不是一张一张的解决方案

    现在前端基本不是vue技术栈就是react技术栈。 vue技术栈最常用的就是element-ui的ui框架了。 […]...

展开目录

目录导航