日期: 2022-09-21 00:32:41 浏览数:4

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
黑龙江省齐齐哈尔网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

中国共产党齐齐哈尔市委员会 | 书记 | |
副书记 | 沈宏宇、何晶(女) | |
市委常委 | 李晨华、刁雁林、谢广全、王业成、孙恒、刘云策、杜伟、李拥军 | |
齐齐哈尔市人民代表大会常务委员会 | 主任 | 吴煜 |
副主任 | 戴晓霞、刘雁冬、陈宝柱、刘锋 | |
齐齐哈尔市人民政府 | 市长 | |
副市长 | 孙恒、刘云策、贾兴元、陈东、高淑春、刘大勇、周长友 | |
中国人民政治协商会议齐齐哈尔市委员会 | 主席 | 杜军 |
党组副书记 | 谢广全 | |
副主席 | 徐兆飞、石力、王法权、李柏春 |
北京市 | 上海市 | 哈尔滨市 |
成都市 | 深圳市 | 大庆市 |
黑龙江省牡丹江 | 内蒙古自治区呼伦贝尔 | 江苏省盐城 | 浙江省温州 |
安徽省阜阳 | 湖北省黄冈 | 四川省广元、泸州 | 重庆市城口 |
俄罗斯哈巴罗夫斯克 | 澳大利亚维托西 | 日本宇都宫 | 韩国高阳 |
德国威森费尔斯 | 瑞典斯德哥尔摩 | 乌克兰马里波尔 | 埃及斋月十日城 |
CSS 变量
var() 函数用于插入 CSS 变量的值。
CSS 变量可以访问 DOM,这意味着您可以创建具有局部或全局范围的变量,使用 JavaScript 来修改变量,以及基于媒体查询来修改变量。
使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中,而不必一遍又一遍地复制和粘贴相同的颜色。
传统方式
以下例子显示了在样式表中定义一些颜色的传统方式(通过为每个特定元素定义要使用的颜色):
实例
body { background-color: #1e90ff; }
h2 { border-bottom: 2px solid #1e90ff; }
.container {
color: #1e90ff;
background-color: #ffffff;
padding: 15px;
}
button {
background-color: #ffffff;
color: #1e90ff;
border: 1px solid #1e90ff;
padding: 5px;
}
亲自试一试
var() 函数的语法
var() 函数用于插入 CSS 变量的值。
var() 函数的语法如下:
var(name, value)
值 描述
name 必需。变量名(以两条破折号开头)。
value 可选。回退值(在未找到变量时使用)。
注释:变量名称必须以两个破折号(--)开头,且区分大小写!
var() 如何工作
首先:CSS 变量可以有全局或局部作用域。
全局变量可以在整个文档中进行访问/使用,而局部变量只能在声明它的选择器内部使用。
如需创建具有全局作用域的变量,请在 :root 选择器中声明它。 :root 选择器匹配文档的根元素。
如需创建具有局部作用域的变量,请在将要使用它的选择器中声明它。
下面的例子与上面的例子相同,但是在这里我们使用 var() 函数。
首先,我们声明两个全局变量(--blue 和 --white)。然后,我们使用 var() 函数稍后在样式表中插入变量的值:
实例
:root {
--blue: #1e90ff;
--white: #ffffff;
}
body { background-color: var(--blue); }
h2 { border-bottom: 2px solid var(--blue); }
.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;
}
button {
background-color: var(--white);
color: var(--blue);
border: 1px solid var(--blue);
padding: 5px;
}
亲自试一试
使用 var() 有如下优势:
使代码更易于阅读(更容易理解)
使修改颜色值更加容易
如需将蓝色和白色改为较柔和的蓝色和白色,您只需要修改两个变量值:
实例
:root {
--blue: #6495ed;
--white: #faf0e6;
}
body { background-color: var(--blue); }
h2 { border-bottom: 2px solid var(--blue); }
.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;
}
button {
background-color: var(--white);
color: var(--blue);
border: 1px solid var(--blue);
padding: 5px;
}
亲自试一试
黑龙江省齐齐哈尔网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)