HTML结构标签
<!--文档类型为HTML-->
<!DOCTYPE html>
<html> <head>
<!--字符集为UFT-8-->
<meta charset="UTF-8">
<title>Title</title> </head> <body> </body> </html>
<html>:网页识别区域
<head>:网页头
<title>:网页标题
<boby>:网页体
html特点:
1.不区分大小写
2.单双引号都可以
3.语法比较松散
图片标签:<img>
1.src:指定图片的url
相对路径:./当前目录 ../上一级目录
2.width:图片的宽度
px:像素 %:相对于父元素的百分比
3.hright:图片的高度
标题标签:<h1>--<h6>
水平线标签:<hr>
css引入方式
1.行内样式:
<div style="background: red"></div>
2.内嵌样式
<head>
<style>
.content {
background: red;
}
</style>
</head>
3.外联样式
<link rel="stylesheet" type="text/css" href="style.css">
颜色表示形式:
关键字:red,green……
rgb表示法:rgb(0,0,0)取值0-255
十六进制表示法:#000000……
颜色属性:color 设置文本的颜色
颜色提取:网页插件 Smart Color Picker
<span>:区块 无意义 用来编辑内容样式
css选择器:
1.元素选择器 <h1>…… 元素{}
2.id选择器 id=“” #id属性值{}
3.类选择器 class=“” .class属性值{}
<a>超链接 :
1.href 转移位置
2.target: _self 默认。在相同的框架中打开被链接文档。
_blank 在新窗口中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
css:color 字体颜色
text-decoration:none 定义标准的文本,去掉超连接的下划线
浙公网安备 33010602011771号