码迷,mamicode.com
首页 > Web开发 > 详细

2017/5/10 freeCodeCamp 前端部分-html+css-总结

时间:2017-05-10 14:45:00      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:src   修改属性   继承   atp   mono   ima   bst   添加   大小   

HTML即Hyper Text Markup Language(超文本标记语言)。

<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"> <!--以谷歌Lobster字体为例-->

图片添加

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

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

然后用class继承。

初次写博,想换一种方式。

 

2017/5/10 freeCodeCamp 前端部分-html+css-总结

标签:src   修改属性   继承   atp   mono   ima   bst   添加   大小   

原文地址:http://www.cnblogs.com/ashfirm/p/6835500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!