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

HTML AND CSS的基本元素介绍

时间:2017-09-24 22:24:11      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:and   lob   常用   元素   简介   size   做了   img   属性   

一、HTML5的基本元素:

1.      大部分元素都有一个开始标记和一个结束标记。开始标记和结束标记的唯一区别就是结束标记多了一个/。例如<h1></h1>

2.      标题:<h1> </h1>
h是英文header标题的缩写,h1是主标题(一级标题),h2是副标题(二级标题),h3、h4、h5、h6依次递减字体的大小。

3.      段落:<p></p> 
p是英文paragraph段落的缩写,经常被用来创建一个段落。

4.      注释:<!—内容-->

5.      图片:<img  scr=”具体地址”>

6.      Web开发者通常用lorem ipsum text来做占位符,占位符就是占着位置的一些文字,没有实际意义。

二、属性的设置:
1.内联样式
例如<h2 style="color: blue">文字</h2>   这里的style="color: blue"就是颜色属性,这句话表示给h2元素添加了inline style(内联样式)。
2.使用层叠样式表CSS(Cascading Style Sheets),更易于维护。
在代码的最顶端,创建一个如下的style元素:

<style>
  元素选择器 {属性名称: 属性值;}
</style>

注意:一定要在属性值的后面加上分号;,表示给所有的h2元素都添加了这样的属性。

(1)     元素选择器(h1、h2、p…)

例如:<style>

  h2 {

    color: blue;

  }

</style>   //h2便是元素选择的结果

2)类选择器(class):需要在每个类前面加一个点.
   例如<style>

            .blue-text {

                color: blue;

  }

</style>  //在每个元素中只需要添加class=“类名” 就可以了。如果需要添加的有多个属性类,则class=“类名1  类名2” 即可(中间空格号分开)。

三、属性

1.字号font-size: 30px;

2.字体font-family: Sans-serif;
有几种默认的字体是所有浏览器都可用的,包括Monospace、Serif和Sans-Serif。如果该字体1不可用时,则下降到字体2:front-family:字体1,字体2;即可.

3.边框半径属性border-radius

四、标签

1. link标签<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> //代码顶部用link标签来引入谷歌Lobster字体,然后字体属性就可以写为:font-family: Lobster ;则引入了谷歌字体。

 

 

//做了个别的基本简介,以后遇到新的知识会及时跟进!

 

HTML AND CSS的基本元素介绍

标签:and   lob   常用   元素   简介   size   做了   img   属性   

原文地址:http://www.cnblogs.com/1598f/p/7588458.html

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