专栏名称: freeCodeCamp

FreeCodeCamp.cn官方公众号

相关文章推荐

量子位 · 空间智能上车！长城汽车铁娘子：真正的智能车应 ... · 2 天前

吉安公安 · -6℃！江西要下雪了！ · 3 天前

爱可可-爱生活 · 效果示例，看到“不,这太俗套了。重新思考.. ... · 3 天前

爱可可-爱生活 · 图解“一人一公司” ... · 4 天前

爱可可-爱生活 · 【ACU - Awesome Agents ... · 4 天前

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像素边框，我们可以使用这个类：