代码改变世界

2018.11.25

2018-11-26 19:41  笨笨的感觉  阅读(163)  评论(0编辑  收藏  举报

<html>   基本结构

<! DOCTYPE  html>

<html>

<head>

<mate style="utf-8">

<title></title>

</head>

<body><body>

</html>

1.标签

doctype: document------文档,type-------类型(单标签)

意义:告诉浏览器是个什么文件

html: 根标签,(双标签)<html>----开始标签,</html>----结束标签

head: 头部标签

body:  身体标签

meta: 设置标签,charset 设置编码

img: 图像标签,src   引入

link: 外部引入

b: 加粗

button: 按钮标签

br: 换行

2.样式引入方式

行内样式:开标签标签里写, style=""

内部样式:head标签里引入style标签

外部标签:href

3.筛选器

class: 类,不具有 唯一

id: 特指,具有唯一性

4属性

height:高度   单位px   像素

width:宽

background-color:背景颜色

background-image:背景图片

 background-size:背景大小

font-size:字体大小

color:字体颜色

display:转换元素

标签三大分类

块级元素:div,默认宽度占满整行,宽可设

行内块元素:img,button默认宽度不占满整行,宽可设

行内元素:b,span默认宽度 不占满整行,宽不可设,宽和高由内容决定