开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天，点击查看活动详情
1 javaweb学习路线思维导图
2 HTML盒子模型
3 定位思维导图
4 background属性思维导图
CSS使用案例
/* 背景色 */
/* background-color: #660; */
/* 背景图 */
/* background-image: url(./img/bgc.png); */
/* 背景平铺 */
/* background-repeat:repeat; */
/* background-repeat:repeat-x; */
/* background-repeat:repeat-y; */
/* background-repeat:no-repeat; */
/* 背景位置 */
/* background-position: top right; */
/* 此属性中如果只写一个方位名词，另一个默认居中 */
/* background-position: 15px 50px; */
/* 背景附着 */
/* background-attachment: scroll; */
/* 背景简写 background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 */
background: #aaa url(./img/bgc.png) no-repeat fixed center top;
/* background: rgba(red, green, blue, alpha);
/* 备注：alpha取值范围：0-1之间； */ */
/* background: rgba(255, 0, 0, 0.15); */
5 CSS高级思维导图
6字体图标
字体图标具有字体属性：可以调整字号，颜色等
推荐网站：icomoon.io/
使用案例
/* 第一步： */
@font-face {
font-family: "icomoon";/*此处①*/
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
url('fonts/icomoon.woff?7kkyc2') format('woff'),
url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* 第二步：声明字体： */
span{
font-family: "icomoon";/*需要与上面①保持一致*/
}
7 HTML基本结构
亘古不变的HTML框架
<!DOCTYPE html>
<HTML>
<head>
<title>
</title>
</head>
<body>
</body>
</HTML>
8 HTML常见标签
base target属性：
target属性是网页窗口的打开方式，在base标签中设置该属性，那么页面中所有的链接都将遵循这个方式来打开网页，分别有如下几种选择：
-
_blank：在新窗口打开链接页面。
-
_parent:在上一级窗口中打开链接。
-
_self： 在当前窗口打开链接,此为默认值，可以省略。
-
_top： 在浏览器的整个窗口打开链接，忽略任何框架。
9 特殊字符
平方上标：25²
立方上标：25³
空格：
版权：©
注册商标：®
大于号：>
小于号：<
常用特殊字符集
10 列表标签
(1) 无序列表：
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
(2) 有序列表：
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
(3) 自定义列表：
开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天，点击查看活动详情
