分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

CSS 语法

发布时间:2023-09-06 01:35责任编辑:郭大石关键词:CSS

CSS 语法由选择器和声明组成,选择器定义需要改变样式的 HTML 元素,声明定义要设置的样式,声明由一个属性和一个值组成

h1 {color:red; font-size:14px;}



属性值可以有多种写法:

p { color: red; } ???????????????????# 使用英文单词来表示p { color: #ff0000; } ???????????????# 使用十六进制的颜色值来表示p { color: #f00; } ??????????????????# 使用CSS的缩写形式来表示p { color: rgb(255,0,0); } ??????????# 使用RGB值来表示p { color: rgb(100%,0%,0%); } ???????# 使用RGB百分比来表示
p { font-family: "sans serif"; } ????# 注意:如果值为若干单词,则要给值加引号,且CSS对大小写不敏感

如果有多个声明,我们一般这么写:

body { ?color: #000; ???????# 注意不要忘记空格与分号 ?background: #fff; ?????????margin: 0; ?padding: 0; ?font-family: Georgia, Palatino, serif; ?}

我们还可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明:

h1,h2,h3,h4,h5,h6 { ?color: green; ?}

关于继承:根据 CSS,子元素从父元素继承属性,如下定义中,所有在 <body> 中的元素都会继承 <body> 元素的属性

body { ????font-family: Verdana, sans-serif; ????}

如果你不想继承父元素的属性,那你可以定义一个属于子元素的属性,如下:

body { ????font-family: Verdana, sans-serif; ????}p { ?font-family: Times, "Times New Roman", serif; ?}

     

     

CSS 语法

原文地址:https://www.cnblogs.com/pzk7788/p/8274059.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved