按钮标签
<button> </button>
CSS 层叠样式表 引入方式
行内式:
<div style=" ;"> </div>
内部内嵌式:
<head>
<style>
......
</style>
</head>
外部链接:
<link rel="stylesheet" type=" " href=" .css">
基础选择器
标签选择器
类选择器: 点 “.” class=" "
id选择器: “#” id=" "
不能重复,一个id名称一个页面只能出现一次
通配符选择器: *
* { 清空默认的内外边距
margin:0;
padding:0;
}
文字控制属性
字体大小: font-size px
字体: font-family: Arial, “Microsoft YaHei”, " "
微软雅黑
SimSun 宋体
加粗: font-weight: bold; 700
: normal 400
字体倾斜: font-style: italic;
: normal;
字体颜色: color: rgba(0,0,0,0.5) a:透明度
文字水平居中:text-align: center
: left、right
行高: line-height
首行缩进: text-indent: 2em;
下划线: text-decoration: none;
: underline;
综合写法: font: 倾斜 加粗 字体大小/行高 字体;
Emmet 语法
标签名 + tab
标签名 * 数字 + tab
父子 >
兄弟 +
(div).box (div)#box
有顺序的类名 div$3
带有内容盒子 标签/类名 + 内容