codepen操作方法20180223 - zilongxuan001/LearnFreecode GitHub Wiki

1.登陆codepen后，点击右上方头像头标，选择【New Pen】.

image

2.进入HTML，CSS，和JS页面。

image 在编辑栏【HTML】里输入<h1>Hello World！</h1>，下方显示栏会出现Hello World!字样。 image

3.编辑框和显示框可以通过鼠标拉动调整大小。

通过【Change View】,可以选择不同的视图样式。 image 选择左侧编辑，右侧显示。 image

4.选择【CSS】的齿轮图标，在CSS的最下方的【Quick-add】里，选择【Bootstrap4】，点击保存。

image

5.在【HTML】里h1里输入class="text-primary"，如果Hello World!颜色变蓝，说明操作正确。

image

<--END>

| Wiki Home | Code | Issue |Projects |FreeCodeCamp|CodePen |Head First HTML& CSS |Responsive Web Design Certification (300 hours)

⚠️ **GitHub.com Fallback** ⚠️