发表于: 2018-10-22 18:49:17

1 503


学到的东西
           1  background详解
           2  flex  布局
           3  html代码规范
          4  css代码规范
 
   一。
         background-color    背景颜色

         background-imgage 背景图片   
                 url      路径      none   不显示背景图
        background-repeat     如何重复背景图片
                      repeat  默认垂直水平重复     repeat-x 在周重复     no-repeat 不重复
        backgrpind-position  背景图像起始位置
                           位置描述词     x    y
            单位 right   top
            像素 100px    100px
            百分比      20%   20%
       background-size:背景尺寸设置   宽    高
             cover   把图片扩展足够大
             contain   把图片放置 最大  适应宽高位置
      背景简写
         background:  颜色      图片     重复方式     attachment     起始位置
         background: red   url(。。)  no-reprat       center        center

二、
     flex布局    display:flex

       容器属性
            flex-direction  项目排列方向  
                       row  水平 左到右      row-revese    水平右到左
                       column  垂直上到下    column-revese
            justify-content设置   主奏对齐方式
                       flex-end   结束位置对齐
                        flex-star 开始位置对齐
                       center    中间对齐
      
            align-sitme    y周对齐方式
                        flex-star    开始位置
                        flex-end      结束位置
                         center       中间位置


        项目属性
              align-self
            flex-star   开始位置对齐
            flex-end    结束位置
              center    中间
               
三。
   html 代码规范
         1  class 命名    字母全小写  单词之间   -  分隔
         2  标签名字       必须小写
         3  不许多家  自闭合
         4  不允许省闭合标签
         5  必须符合嵌套规则
         6  使用button元素标签时   必须声明type属性

四。
    css 代码规范
         1  选择器 和 { }  之间使用空格
         2  多选选择器时    分行开
         3  选择器中的值  必须 双引号 引起来、
         4   属性定义必须另起一行
         5    属性定以后 必须   ;  号结尾
         6   选择器的嵌套级不大于3级
         7    长度为0 时   可省单位值
         8    颜色值不允许使用命名值、
         9    在windows 文字字体要至少大于12px

明天计划的事

      把 学习的新知识  巩固一下   不着急学下去, 学到的东西  真正的会用才行!!


返回列表 返回列表
评论

    分享到