札记丶2017-09-13

这篇是14号写的，昨天太累了偷了个懒，今天补上

今天不同于以往，因为涉及到了全局的样式等，所以分开了多个html文件，大概10个左右

图1.1

下面详细描述一下细节

1)分类块级元素

图2.1

实现步骤：

             

                     

Fantasychongの数码小店

                     

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

           

           

                   

Fantasychongの数码小店

                   

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

         

         

                   

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                   

xxxxxxxxxxxxxxxxxxxxx

         

         

                 

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                 

zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

       

2)分类行内元素

实现效果：

图2.2

             

Fantasychong

3)HTML响应式布局

可以根据尺寸自动收缩内容

实现效果：

图2.3

实现步骤：

           

           

           

           

                         

Fantasychongの数码小店

                         

zhangyongchong

                         

                                 

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                                 

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                       

                       

                                 

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                                 

xxxxxxxxxxxxxx

                       

                       

                                   

ssssssssssssssssssss

                       

           

4)HTML水平框架

实现效果:

图2.4

实现步骤：

如果不设置frame，则是空白区域

           

                             

                             

                             

           

5)HTML纵向框架

实现效果：

图2.5

实现步骤：

                   

                   

                   

6)横纵混合框架

实现效果：

实现步骤：

           

                 

                 

                           

                           

                 

           

7)不可调整框架尺寸

以上的边框都是可以拉长伸缩的，我们可以通过noresize属性来固定尺寸