发表于: 2018-10-18 16:45:53

1 710


今天学到的东西

            

css

   什么是css   就是给html网页添加样式     俗称网页美化

    1  css 写在哪里呢?

       1   内联样式

       2   外联样式

       3   嵌入样式

            例子如下

    2   那怎么给网页美化呢?    添加样式呢?

          那就是首先需要找到你要添加样式的   元素   东西

 

        1  类选择器     用法     .类名称          就是那你在html写的每个元素气的名字

        2   id选择器    用法     #id名称          名字可以有相同的   id不行 就像人的身份证号

        

    3   文本控制样式    css 

          font-size                  文字大小(一般均为偶数)

          color                        文字颜色

          line-height              行高

    4   背景样式

          background

          background-color    背景颜色

          background-image

    背景图片

          width 宽度 

          height 高度   

          margin      外边距

    5  常见样式总结

          width 宽度                      height 高度

          background 背景                      border 边框

          padding 内边距                         margin 外边距

 

          font-size  文字大小                font-family 字体

          color 文字颜色                  line-height 行高

          font-weight 文字着重                  font-style 文字样式

          text-decoration 文本修饰            letter-spacing 字母间距

    6   什么是自适应

         在网页代码的头部,加入一行viewport元标签

          <meta name="viewport" content="width=device-width, initial-scale=1" />

          大概意思就是  手机宽度等于当前宽度

    7   随着市场的移动设备越来越多 为了是电脑网页适应移动端 样式和字体不改变出现了

          相随大小的长度单位

        px    em    rem    作用就是  字体样式会随着页面而该放大缩小

     

    用法如下

         1   html{Font-size=62.5%;}

         2   将 px像素 除以10换成   rem就行了

    8  浮动

     float:left     左浮动

     float;right     有浮动

   

2明天打算学习的东西

             开发工具的使用


返回列表 返回列表
评论

    分享到