2017/5/10 freeCodeCamp 前端部分-html+css-總結

來源:互聯網
上載者:User

標籤:src   修改屬性   繼承   atp   mono   ima   bst   添加   大小   

HTML即Hyper Text Markup Language(超文字標記語言 (HTML))。

<h1>Hello</h1>

開始標籤,結束標籤。中間為顯示文本。標籤屬性在開始標籤中。

基本標籤結構:

<html>  <!-- 根標籤-->

<head>

    <title><title>

</head>

<body>

</body>

<html>

<!- -- -> 增加/刪除注釋

 

通過在開始標籤中修改屬性,從而修改顯示文本的屬性。

<h2 style="color: blue">CatPhotoApp</h2>

用css的方式修改如下:

<style>
  選取器 {屬性名稱: 屬性值;}
  h2 {color: red;}
</style>

 

用css聲明類別選取器:

<style>
  .blue-text {
    color: blue;
  }
</style>

然後在標籤上應用:

<h2 class=‘blue-text‘>我家的貓咪</h2>

段落字型大小,字型修改:

p {
font-size: 16px;
font-family: Monospace;
}

引入字型:

<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> <!--以GoogleLobster字型為例-->

圖片添加

<img src="https://www.your-image-source.com/your-image.jpg"> <!-- 圖片大小格式修改與字型修改方式一致-->

<style>
  .larger-image {
    width: 500px;
  }
</style>

然後用class繼承。

初次寫博,想換一種方式。

 

2017/5/10 freeCodeCamp 前端部分-html+css-總結

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.