专栏名称: freeCodeCamp

FreeCodeCamp.cn官方公众号

相关文章推荐

英国报姐 · 韩国素媛案凶手出狱4年搬到幼儿园附近？居民人 ... · 3 天前

英国那些事儿 · 大热泰剧陷虐猫丑闻！猫咪中毒太真实，网友起疑 ... · 3 天前

英国那些事儿 · 无辜被成小三，她开始以命相搏报复渣男：自捅大 ... · 5 天前

英国那些事儿 · 爱豆被迫退团当“扶弟魔”。而家人的理由，简直 ... · 6 天前

英国大家谈 · 英国大家谈商务合作及转载须知 · 1 周前

51好读 › 专栏 › freeCodeCamp

课程导读｜#002# Front End Development - HTML5 and CSS（二）

freeCodeCamp · 公众号 · · 2017-06-28 18:07

正文

再不点蓝字关注，机会就要飞走了哦

11 Style Multiple Elements with a CSS

您可以通过 class="your-class-here" 在相关元素的开始标签中使用HTML元素来附加类。

CSS 选择器在开始时需要一个这样的句点：.blue-text { color: blue; } 但是，类声明不使用句点，如下所示：

CatPhotoApp

。

。
< link href = “ http://fonts.googleapis.com/css?family=Lobster ” rel = “ stylesheet ” type = “ text / css ” >
< style >
.red-text { color：red ; }
.smaller-image {
width：100 px ; }
h2 {
font-family：Lobster，Monospace ; }
p {
font-size：16 px ; font-family：Monospace ; } style >
< h2 class = “ red-text ” > CatPhotoApp h2 >
< img class = “ smaller-image ” src = “ https://bit.ly/fcc-relaxing-cat ” >
< p class = “ red-text ” > Kitty ipsum dolor sit amet，。。。。。。。。。。。。。。。。。。。。。。。。。。。

18 Add Borders Around your Elements

CSS 边框的属性有style(样式)、color(颜色)、width(宽度)、height(高度)等。

例如，如果我们想在HTML元素周围创建一个红色的5像素边框，我们可以使用这个类：