首页 > 教程 > 关键词 > Properties最新资讯 > 正文

CSS教程 CSS Selectors,Properties,and Values

2010-02-09 09:10 · 稿源:我爱CSS

HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。

每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。

值在冒号(不是等号)后面,分号分离属性。

Example Source Code:
body {
    font-size: 0.8em;
    color: navy;
}

上面的意思是为body选择器设置font-size字体大小和color字体颜色。

所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。

长度和百分比

CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。

em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。

px比如font-size:12px是pixel像素的单位。

pt比如font-size:12px是points镑的单位。

%比如font-size:80%是百分比

其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)

当值是零的时候,不需要单位,例如:border:0意思没有边框。

网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。

因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。

网友热搜:

  • 相关推荐
  • 大家在看
  • AWS建航空航天业务部门 AWS Ground Station已被NASA采用

    【TechWeb】7月2日消息,亚马逊云服务(AWS)全球公共部门副总裁 Teresa Carlson近日宣布AWS将推出一个新的业务部门——航空航天业务部门,致力于加快全球航空航天和卫星行业的创新。航空航天和卫星解决方案业务部门将为航空航天企业提供 AWS 服务和解决方案,并与世界各地的客户和合作伙伴合作。据介绍,AWS全新航空航天业务部门旨在?重新构想航空航天系统架构;转变航空航天企业;启动处理地球和轨道空间数据的新服务;提供安全、

  • 唯一坚持MLC闪存!三星980 PRO PCIe 4.0 SSD韩国过审

    PCIe 4.0 SSD已经多如牛毛,但说到闪存,清一色都是TLC,而很多人念念不忘的MLC已经几乎绝迹。如果你实在需要MLC,可以等等三星980 PRO,因为它是如今几乎唯一硕果仅存的消费级MLC SSD。三星9

  • TikTok已被停止在印度互联网上提供服务

    TikTok在印度已经无法继续运行,因为包括Airtel和Vodafone在内的大多数互联网服务提供商似乎已经阻止使用该应用程序。一些位于印度的TikTok用户在Twitter上发布了无法使用该应用的截图。打开TikTok后,人们现在看到的是一条 "无网络连接"的消息,这意味着ISP已经开始阻止访问这个短视频分享平台。

  • 字节跳动本周将与印度官员会谈 寻求澄清有关TikTok的禁令

    本周一,印度政府已通知当地电信运营商阻止对包括TikTok在内的 59 款中国应用程序的访问。现在有知情人士称,字节跳动将在本周与印度官员进行讨论,并寻求澄清有关 TikTok 的禁令。

  • 罕见MLC闪存!三星980 PRO PCIe 4.0 SSD两个月内见

    无论是在消费级市场,还是数据中心领域,PCIe 4.0 SSD产品都已经相当丰富,而作为SSD界杠把子的三星电子,早在年初CES 2020上就展示了自己的首款消费级PCIe 4.0 SSD 980 PRO,半年过去了却迟迟没

  • 夏日好物,推荐三星Active 2, 漂亮实用的科技潮品

    每个夏天都会来临,但每个夏季都独一无二,因此每个夏日都不应辜负。我们可以去奔跑,去流汗,去海边,因此我们需要更好的装备,需要更契合夏日的好物潮品,它能武装我们的身体以及心灵。Galaxy Watch Active 2作为三星主推的兼具运动与时尚美感的智能手表,是一支夏日里不可或缺的科技潮品。圆润细腻的设计语言,优雅精致的外型,为三星Galaxy Watch Active 2吸引了无数的颜值粉。这个夏天,如果你想成为街上最靓的仔,那入手一支三星Galaxy

  • 这么聪明的的笔记本真的存在吗 Latitude 9510给你答案

    笔记本 24 小时持续运行不关机?听起来似乎是个不可能完成的任务,而这台Latitude9510 商用本就通过实践告诉大家,它是可以做到的。戴尔Latitude开展了一次 24 小时移动办公大挑战,早晨乘坐特斯拉从场地出发同时开始使用Latitude 9510,在挑战期间不关机、不待机、不息屏,电影、音乐、办公不停歇,经过一天一夜的使用后依旧剩余5%的电量。成功完成 24 小时移动办公挑战,Latitude9510 用事实证明了自己的强大实力。而作为Latitude

  • Facebook正在关闭模仿TikTok的Lasso短视频服务

    上线一年半后,Facebook 已决定放弃旨在取代 TikTok 的 Lasso 短视频应用。在周三的公告中,该公司很遗憾地通知 Lasso 用户,其将于 7 月 10 日关闭这项服务。2018 下半年推出的 Lasso,曾被视作在中西年轻用户群体中都占有一席之地的 TikTok 的有力竞争者。

  • TikTok将保护欧洲用户隐私责任转交两家分公司

    据CityA.M.消息,TikTok周一证实,它将把保护欧洲用户隐私的责任转交给其爱尔兰和英国的分公司。根据这些变化,欧洲经济区(EEA)与瑞士用户的服务提供商将改为TikTok爱尔兰分公司,英国办事处则负责为英国用户提供服务。此外,TikTok 英国分公司还将成为欧洲经济区、瑞士和英国用户的数据控制机构。TikTok在声明中表示,从7月29日起,TikTok的爱尔兰和英国分公司将接替美国分公司,为欧洲用户提

  • 三大理由告诉你为什么腾讯音乐比Spotify更有投资价值

    订阅串流服务是近年增长趋势之一,Apple Music及Spotify相信为港人所熟悉的音乐串流平台,但中国内地市场龙头却非这两个品牌,而是股王腾讯分拆出的腾讯音乐。到底Spotify与腾讯音乐相比,哪只更值得投资? 1. 比较2017 至2019 年业绩复式增长表现比较2017至2019年的业务增长能力,腾讯音乐明显较Spotify优胜。这可归因于腾讯音乐以中国为核心,这是母公司腾讯非常熟悉的市场,旗下微信几乎渗透中国的人口,让集团在核心市场拥有主

  • Xbox Series X主机“底盘”首度示人:巨大的橡胶垫圈

    Xbox Series X主机的正面、侧面、背面都大方公布了,可似乎还没人看过底部?Up主Brad Sams首度公开了XSX主机的“底盘”,可以看到巨大的橡胶垫圈。显然,微软此举是想垫高主机,加强

  • 币安区块101对话Primitive ventures合伙人Eric:北大美国帅哥区块链投资人

    2020年6月29日,币安经纪商业务海外商务负责人Jess 对话Primitive ventures 合伙人Eric。Eric是来自美国的犹太人,毕业于北京大学生物系,是早期的区块链加密货币领域投资人,Eric是一位比特币信仰者。Eric认为投资可以选择追随当下热度比较高的项目,但需要判断这个项目是否会带来回报和价值。他认为比特币的价值已经被证明,且对比其他币种有价值优势。比特币作为通货膨胀避风港的用处逐渐明显,并且可能还有一些没被发现的用处?

  • 杨柘入职小米后第一条微博:分享《Joie De Vivre》

    6月2日,小米正式官宣任命杨柘为小米集团副总裁、中国区首席营销官(CMO),负责中国区市场营销战略制定、品牌建设等工作。随后,杨柘本人也启用了荒废已久的个人微博,将认证修改为小米集团副

  • 微软对索尼露怯?高管:Xbox Series X今年销量如何没什么大不了

    PS5正式发布会定于6月12日凌晨4点举办,索尼此次预计会公开PS5量产机外形、第一批首发的一方/三方游戏阵容等。据外媒报道,微软游戏业务执行副总裁、Xbox掌柜Phil Spencer受访时表示,Xbox Se

  • MIEX 米汇分析师:莱特币,恒星币,波场币-每日分析

    MIEX 米汇研究部:从今天开始看涨,专业将需要突破重心,但是,要发挥抵抗力水平。 莱特币 莱特币周日下跌1.38%。 从周六开始部分逆转了1.80%的涨幅,莱特币一周下跌2.27%至42.96美元。 当天看涨,莱特币上涨至盘中高点43.82美元,随后触及反转。 低于第一个主要阻力位44.20美元,莱特币跌至盘中低点42.90美元。 为了避开第一个主要支撑位42.56美元,莱特币短暂重新回到43美元的水平,然后回落。 在撰写本文时,莱特币上涨0.30%至

  • 不止米10/10 Pro 小米POCO F2 Pro也即将升级Android 11

    谷歌Android 11 Beta 1已经上线,各家品牌公布了相关适配计划。6月12日消息,POCO官方推特预告,小米POCO F2 Pro即将适配Android 11。此前MIUI确认小米10、小米10 Pro将升级到Android 11,这

  • ZOWIE GEAR宣布推出标准版FK-B及ZA-B系列鼠标

    ZOWIE GEAR宣布推出搭载3360传感器的标准版黑色FK-B及ZA-B系列鼠标,给玩家提供不同的准心移动感觉。FK-B及ZA-B取消了右边的侧键,让右手使用者的操作不受干扰。将前端出线头的角度拉高,让鼠标线不容易垂到鼠标垫上,降低了线材对于操作手感的干扰。并且在底部增加了Report Rate的切换键,便于玩家调节。FK-B及ZA-B系列鼠标维持了大脚贴的设计,分别提供FK1+-B、FK1-B、FK-B及ZA11-B、ZA12-B、ZA13-B这三种尺寸供玩家选择。我们会

  • 廉价版Xbox Series主机外形曝光:并非迷你机箱、回归Xbox One模具

    最近出现了不少关于Xbox Series S的爆料,即所谓的廉价版新主机。参考Xbox Series X,玩家猜想Xbox Series S会采用更矮胖的PC迷你机箱造型,但现在看来,似乎并非如此。据外媒报道,开发者爆

  • 皇室玫瑰RoyalRose携手何润东、宋茜演绎《美丽的秘密》

    RoyalRose皇室玫瑰携手荧幕偶像何润东、宋茜共同演绎浪漫都市爱情。湖南卫视热播37集连续剧《美丽的秘密》,以全国网收视破3,达3.31%高收视收官,为观众带来一系列精彩看点。 该剧讲述了草根女孩姜美丽(宋茜饰)自幼被亲生母亲遗弃,长大后误打误撞被音乐制作人关毅(何润东饰)发现了其音乐天赋,想要发掘其成为歌手,在历经一系列亲情、爱情的虐恋纠葛之后,逐渐揭开了自己的身世之谜的故事。 何润东在剧中饰演一位娱乐制作总监,?

  • 联想发布第三代ThinkPad X1隐士:十代酷睿H+GTX 1650 Ti

    联想刚刚发布了第三代ThinkPad X1 Extreme(隐士),继续面向高端专业设计师人群,隶属于Intel创意设计PC序列。ThinkPad X1隐士三代延续了前两代的全黑极简设计、专利航空级碳纤维机身,同时对A

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议