发表于: 2019-10-23 17:23:37

3 982


 今天完成的事

            1     css背景的学习

            2    自适应

           3    浮动

           4    html的代码 规范

           5   css的代码规范

            1.1    background背景的学习

                      属性有

                       background  

                       background-color

                       background-image

                       background-position

                       background-repeat

 

                        background: 作用简写使用

                        background-color: 背景色                    案例一

                        background-image: 背景图片              案例二

                        background-position: 背景图片定位     案例三

                        backgrouns-repeat:   背景图是否重复   案例四

                                                                  

                  2  自适应的学习

                              1     首先加入 这行代码    <meta name="viewport" content="width=device-width, initial-scale=1" />

                     大概意思就是  默认当前网页的宽度等于当前屏幕的宽度 

                 2  使用相对长队单位 

                       rem   em    %   等

                               3   注意默认是字体大小

                                            html{font-size:62.5%}

                               4  上面的只是一些准备工作

                                                 自适应的核心是   css3 引入  不同的 Mwdia Query 模块   然后加载 相应的css文件

                               5  图片的自适应

                                          img{width:100%}


                     3 浮动 

                             前面学过就不写了 ,  float   :   left     right      clear 清楚浮动     none     left   right     清除   左边   右边


                     4   Html的代码规范

                             回家再写  师兄先不要 评论









返回列表 返回列表
评论

    分享到