专栏名称: freeCodeCamp
FreeCodeCamp.cn官方公众号
目录
相关文章推荐
微观三农  ·  金书秦:建立健全农业生态产品价值实现机制 ·  9 小时前  
中国畜牧业协会猪业分会  ·  农业农村部专题研究稳定生猪生产和动物疫病防控工作 ·  21 小时前  
51好读  ›  专栏  ›  freeCodeCamp

课程导读|#001# Front End Development - HTML5 and CSS(一)

freeCodeCamp  · 公众号  ·  · 2017-06-21 18:34

正文

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

01 Say Hello to HTML Elements

HTML是英文Hyper Text Markup Language(超文本标记语言)的缩写。

Hello

h1就是一个HTML元素,h1是header1的简写,意思是一级标题。

大部分元素都有一个开始标记和一个结束标记。

开始标记像这样:


结束标记像这样:

开始标记和结束标记的唯一区别就是结束标记多了一个/。


02 Headline with the h2 Element

您可以使用h1,h2,h3,h4,h5,h6创建不同级别的标题元素,这将导致不同的大小。

< h1 > Hello World h1 >

< h2 > CatPhotoApp h2 >


03 Inform with the Paragraph Element

p元素是网站上正常大小的段落文本的首选元素。P是“段落”的缩写。

你可以像这样创建P元素:

< p >I'm a p tag! p >

< h1 > Hello World h1 >

< h2 > CatPhotoApp h2 >

< p > Hello Paragraph p >


04 U ncomment HTML

鉴于有两种方法可以在JavaScript中编写注释:

运用 //

运用

您可以通过删除注释元素轻松取消注释。


05 Comment out HTML

注释是一种方式,您可以在代码中留下评论,而不会影响代码本身。

这也是使代码无效而不必完全删除的便捷方式。

您可以开始发表注释


Hello World h1>

CatPhotoApp H2>

Hello Paragraph p>

- >


06 Fill in the Blank with Placeholder Text

Web开发者传统上将lorem ipsum文本用作占位符文本。它被称为lorem ipsum文本,因为这些是古罗马西塞罗著名的通道的前两个字。

自16世纪以来,lorem ipsum文字已被排版用作占位符文本,而这种传统在网络上继续存在。

< H1 >的Hello World H1 >

< H2 > CatPhotoApp H2 >

< p >小鹰存有悲坐阿梅德,洒下处处棚随处伸展攻击你的脚踝追红点,去毛球运行薄荷吃草的嗅探。 p >


07 Delete HTML Elements

删除元素非常简单。所有你需要做的是从元素的开始到结束中删除所有的东西,它将被删除。不需要额外的代码。


08 Change the Color of Text

CSS允许我们改变很多风格。改变我们使用的元素的颜色color。

这里是你如何将你的h2元素的文本颜色设置为蓝色:

CatPhotoApp


CatPhotoApp


Kitty ipsum dolor sit amet,流下无处不在,伸展攻击你的脚踝追逐红点,发球跑猫猫吃草嗅。


09 Use CSS Selectors to Style Elements

我们可以同时对多个元素执行此操作,而不是逐一给出风格属性,

你可以创建一个这样的样式元素:







请到「今天看啥」查看全文