CSS的基本语法

W3School离线手册(2017.03.11版)下载:https://pan.baidu.com/s/1c6cUPE7jC45mmwMfM6598A

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

}

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

原文地址:https://www.cnblogs.com/CGWTQ/p/9782639.html

时间: 2024-11-05 11:21:22

CSS的基本语法的相关文章

HTML——CSS的基础语法1

页面中所有CSS代码,需要写入到<style></style>标签中. style标签的type属性应该选择text/css,但是type属性可以省略. 1.CSS常用选择器 CSS修改页面中的所有标签,必须借助选择器选中.选择器中可以写多对CSS属性,用{}包裹:每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔 选择器{ 属性1:属性值1; 属性2:属性值2; } 1-1.标签选择器 写法:HTML标签名{}作用:可以选中页面中,所有与选择器同名的HTML标签. li{

web(六)css的基本语法、取值与单位

css语法包含如下部分: 选择器:用于选择需要添加样式的元素. 属性(property):样式的属性名称,例如color代表颜色. 取值与单位:属性对应的值以及单位. 语法规则:css的某些固定语法. 注释:用户对css的程序描述,不执行. css的基本语法规则 忽略大小写(但在定义类选择器时识别大小写),建议使用小写. 多重声明:使用多个属性以及取值同时渲染一组标签. 1 p { 2 text-align: center; 3 color: black; 4 font-family: aria

第二部分----CSS的基础语法

PART-1 CSS的基础常识 一.什么是CSS? W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说是CSS.CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言.  二.CSS应用的三种方式: 1. 行内样式表 行内样式表将CSS样式与HTML代码完全杂糅在一起,不符合W3C关于内容与表现分离的的基本规则,且不利于网站的维护.但是行内样式

css @keyframes属性 语法

css @keyframes属性 语法 @keyframes是什么?直线电机生产厂家 @keyframes是CSS的一种规则,可以用来定义CSS动画的一个周期的行为,创建简单的动画. 作用:通过 @keyframes 规则,您能够创建动画. 说明:创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式.在动画过程中,您能够多次改变这套 CSS 样式.以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%.0% 是动画

CSS:基本语法及派生选择器

本文介绍css基本语法及派生选择器. 代码整理自w3school:http://www.w3school.com.cn (一)基础部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="

CSS样式之语法

选择符 选择符 {属性1:属性值1;属性2:属性值2} 选择符(selector):指定样式适用的标签,除指定标签外,样式不起作用 属性:样式的关键字 属性值:描述样式的值: 格式:属性与属性之间使用分号分隔,属性与属性值之间使用冒号分隔 选择符 任何HTML元素都可以是一个CSS选择符 选择符仅仅是指向特别样式的元素 如:P {font-size:12pt}当中的选择符是P 分类 类选择符 id选择符 关联选择符 类选择符 类选择符—css_choose.html 单一个选择符能有不同的CLA

关于css 的AST 语法树的理解

css 处理插件大致分为压缩css和给css添加浏览器兼容前缀. cssmin 可以压缩css,大致原理是将使用正则将css 中的注释和空格删除. px2rem 插件是将css 中的px 转换为 rem,它的原理是 调用了css 的AST对象 ,css插件将css内容解析成 一个javascript对象,即css AST 抽象语法树,然后遍历语法树,将对象中的px转换为rem,然后再将对象转换为css文件. 这是一些独立的css处理插件,目前css 处理插件最火的就是postcss postcs

HTML——CSS的基础语法2

一.盒模型 1-1.什么是盒模型? HTML5盒模型包括:内容(content).填充(padding.也叫做内边距).边框(border).边界(margin,也叫做外边距). 这些属性我们可以用日常生活中的常见事物--盒子作一个比喻来理解,所以叫它盒子模式. CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型. (来自百度百科,本人稍做修改,如图:) 1-2.margin 外边距 1.只写一个值:表示四周的外边距均为指定的值:2.写两个值:第一个数为上下外边距 第二个数为

css基础之 语法

CSS 实例 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(property)是您希望设置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. CSS 实例 CSS声明总是以分号(;)结束,声明组以大括号({})括起来: p {color:red;text-align:center;} 为了让CSS可读性更强,你可以每行只描述一个属性: 例如: p{color