1 盒子模型：

1.1 盒子属性导图

1.2 边框属性导图

1.3 定位导图：

2 HTML常用标签

2.1 基本标签

① HTML基本结构

亘古不变的HTML框架

!DOCTYPE html>
    
HTML>
    
  head>
    
    title>
    
    /title>
    
  /head>
    
  body>
    
  /body>
    
/HTML>
    

② HTML常见标签

:::info

base target属性：

target属性是网页窗口的打开方式，在base标签中设置该属性，那么页面中所有的链接都将遵循这个方式来打开网页，分别有如下几种选择：

_blank：在新窗口打开链接页面。

_parent:在上一级窗口中打开链接。

_self： 在当前窗口打开链接,此为默认值，可以省略。

_top： 在浏览器的整个窗口打开链接，忽略任何框架

:::

③ 特殊字符

平方上标：25&
    sup2;
    
  立方上标：25&
    sup3;
    
  空格：&
    nbsp;
    
  版权：&
    copy;
    
  注册商标：&
    reg;
    
  大于号：&
    gt;
    
  小于号：&
    lt;
    

常用特殊字符集

④ 列表标签

a 无序列表：

ul>
    
    li>
    无序列表1/li>
    
    li>
    无序列表2/li>
    
    li>
    无序列表3/li>
    
/ul>
    

b 有序列表：

ol>
    
    li>
    有序列表1/li>
    
    li>
    有序列表2/li>
    
    li>
    有序列表3/li>
    
/ol>
    

⑤ 表单

3 CSS快速上手

3.1 background属性

① 思维导图

css 中background相关属性整合

② 案例分享

/* 背景色 */
    /* 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);
     */

3.2 CSS高级

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！