语言标识简介;
HTML 超文本标记语言
标记
div: 布局 切割 分割 划分区域(双标记<div><div>主要用于在网页上切割区域使用)
span: 标记 存放文本信息(双标记<span><span>用于在div切割的区域内放置文本信息 )
script: 脚本
style: 风格/样式(双标记<style><style>head里对html里标识整体进行属性设置*)
meta: 元 元数据 设置编码集(单标记<meta>在head里对html总体规则进行设置)
选择器: 三种基本选择器(对标记进行命名)
id :使用方法为在标记属性里对标记设置为id=***,引用方式为#***{}
class:使用方法为在标记属性里对标记为.class{}
标记: 使用方法为在直接饮用如head可引用为head{}
样式
height 高
width 宽
background-image 插入背景图片
background-color 插入背景颜色
background-size 背景大小
background-repeat 背景重复
font-size 字体大小
font-weight 字体高度
font-family 字体类型
margin 外边距,外间距
bottom 底部,下部,下边
margin-bottom 设置下边距
display 强制性改变标签的特性
position 移动页面中的某一个标记,需要使用定位属性
位置移动的属性
relative 相对的
absolute 绝对的
父标记使用相对定位,字标记使用绝对定位---->父相子绝
left 左边的,靠左的;实际上往右移动 距离左边多远 水平方向上移动
top 上边的,靠上的;实际上往下移动 距离上边多远 垂直方向上移动
border-radius
overflow:hidden(在对主体插入的图片进行溢出隐藏,让图片在一页里显示完全)
页面的结构 首航生成文档类型>根标记>头部标记/主体标记
<!DOCTYPE html>
<head>(双标记的头,head 控制器的意思,对网页的设置基本都可以在这里设置)
<meta>(控制器里对规则进行设置)
charset:UTF-8(意思是网页从二进制转码用的通用字符集为UTF-8)
<style>三种标记控制器
body=.C
{
background-image:url("图片地址");(背景图片插入格式)
background-size:100% 100%;(背景图片大小设置宽 高)
background-repeat:no-repeat;(背景图片的重复方式设置为不重复,能够让图片占满页面不会按照图片大小来100%铺到屏幕上进行重复)
position: relative;(定位设置,body是主体那么是页面上所有div的父元素,relative为相对定位)
}
#a=.b{
height: 200px;(设置此div的高度单位为像素)
600px;(设置此div的宽度单位为像素)
border:1px solid transparent;(设置此div的边框为1个像素,直线,出现的意思就是出现边框方便调整)
font-size:40px;(此div里所有字体大小设置)
position: absolute;(此div的方位设置为绝对定位)
left:300px;(意思为距离左边像素单位长度,也就是向右移动)
top:200px;(意思是为距离上边像素单位长度,也就是向下移动)
color: slategray;(意思是此div的颜色设置)
border-radius: 4%;(意思为边框四周的圆角角度)
text-align:center(字体的配列方式为:居中)
}
</style>
</head>
<body class=c>
<div id=a class=b >
<span style样式:font-size:20px字体大小;color:颜色>hasiaoi
</span>
<div>
</body>
<>html>