------------恢复内容开始------------
| |
添加图片<img src="" alt>
锚点跳转<a href="baidu.com"></a> /
内部跳转<a href="#footer">Jump to Bottom</a>
<footer id="footer">Copyright Cat Photo App</footer>
无序<ul><li></li></ul>
有序<ol><li></li></ol>
输入框 占位符<input type="text" placeholder"占位符">
通过给form表单添加一个action属性，你可以使用纯 HTML 来构建向服务器提交数据的 Web 表单。
<form action="/url-where-you-want-to-submit-form-date">
<input type="text" placeholder="默认显示" required>
<button type="submit">提交</button>
</form>
actiosn属性是指定地址 点击按钮表单数据就会发送到action地址上
单选框 复选框 for和id作用不明
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
<label for="loving">
<input id="loving" type="checkbox" name="personality"> Loving
</label>
声明HTML文档的文档类型
你可以通过<!DOCTYPE ...>来告诉浏览器你使用的是 HTML 的哪个版本，"..." 部分就是版本的数字信息。<!DOCTYPE html>对应的就是 HTML5。
引入谷歌字体，字体如何降级
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
font-family: Lobster, monospace;
圆角边框
border-radius: 10px; 这个是圆角功能也可以用百分比 border-radius: 50%;
margin padding
属性选择器
[title]{color: red;} in英寸 mm毫米 绝度长度 rem em 相对长度
style 第二声明优于第一声明（越往下权重越大） ，继承样式 < class < id < 内联样式 < color: red !important
创建、使用css变量，添加回退值
.penguin{
--penguin-skin: gray;
}
background: var(--penguin-skin, black);
|
| |