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. 渐变运用

    <!DOCTYPE html> <html> <head> <met […]...

  2. 前段站点文件

    前段站点文件 前端站点文件?                    html                c […]...

  3. IE8实现媒体查询

    IE8下想实现不同分辨率样式的兼容,需要用Css3中的media, 可是IE8不支持@media啊 翻不出去, […]...

  4. CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能

    本文将介绍一个非常有意思的功能,使用纯 CSS 利用 resize 实现强大的图片切换预览功能。类似于这样: […]...

  5. CSS 奇思妙想 | 全兼容的毛玻璃效果

    通过本文,你能了解到 最基本的使用 CSS backdrop-filter 实现磨砂玻璃(毛玻璃)的效果 在至 […]...

  6. vue 组件内引入外部在线js、css

    参考:https://blog.csdn.net/u010881899/article/details/808 […]...

  7. CSS学习(一)—使用CSS的四种方式

    CSS学习(一)—使用CSS的四种方式   1. 行内样式 例: <!DOCTYPE htm […]...

  8. html、css/bootStrap、js/Jquery、ajax与json数据交互总结

    设计个个人网站,利用CSS、JavaScript、HTML5、jQuery库和AJAX等 实现网站各功能模块, […]...

随机推荐

  1. VMware Workstation 无法连接到虚拟机。请确保您有权运行该程序、访问该程序使用的所有目录以及访问所有临时文件目录。 未能将管道连接到虚拟机: 系统找不到指定的文件。

    安装好之后不能运行虚拟机,网上的办法说以管理员方式运行,每次点太麻烦,所以打开了设置,永久配置,一键开启,哈哈 […]...

  2. 把deepin作为主力操作系统进行开发几天了,来谈谈感想吧

    我用的是deepin20系统,主要用于开发 JAVA项目。我觉得相比 window,deepin系统的优点和缺 […]...

  3. 消息队列RabbitMQ的安装配置与PHP中的使用

    一、RabbitMQ安装 windows安装 下载地址:https://github.com/rabbitmq […]...

  4. beetlex网关之聚合和url请求过虑

    在这里主要介绍beetlex应用网关的两个插件,分别是聚合和url请求过虑.通过聚合插件可以把整合多个请求的数 […]...

  5. 关于学术论文中引用文献的书目信息查询

    出版物信息查询 http://www.cnpub.com.cn/soushu.html 中国图书出版数据库...

  6. 为XCode 6 加入新建类模板

    用XCode 6在改动之前用XCode 5 的代码的时候突然间发现 XCode 6已经把新建带有 .xib 类 […]...

  7. 说一说,“NetWork Wall”所用到技术

    2010年1月17日,Google在其官方网站上发布了一篇名为《A new approach to China […]...

  8. Android ===smail语法总结 – 成己成物kukum

    Android ===smail语法总结 android smail 转载 (转载自 网络)smail 语法总 […]...

展开目录

目录导航