zoukankan      html  css  js  c++  java
  • 学习笔记 css样式

    大小

      width:宽度  height:高度

    背景

      background-color  背景色    background-image  背景图片     background-repeat  背景平铺方式  

      background-size  背景尺寸     background-position  背景位置

    字体

       font-family 字体样式    font-size  字体大小  12px 14px   font-style:italic;  italic倾斜    font-weight:粗细  color:字体颜色

      text-decoration:  underline;下划线  overline 上划线     line-through 删除线   none 去掉线   可以用来去掉<a></a>超链接的下划线

    对齐方式

      text-align :水平对齐方式    line-height:行高  text-indent:缩进 单位像素

        line-height 与 vertical-align

          line-height   主要作为调节文本的垂直对齐方式,通过设置行高的大小

          vertical-align  主要作为调节行内元素(span/img/input..)的垂直对齐方式  baseline top bottom middle  text-top  text-bottom

    边界边框

      外边距margin    上右下左    两个属性时,代表 上下   左右    行内元素只能调整margin-left margin-right。调margin-top和margin-bottom是不管用的

      内边距padding    上右下左  如果加了内边距,该元素会相应的变大

      border 1px solid red;  分别代表粗细 线的样式 颜色;

    显示与隐藏

      display:none/block;注意(display:block还可用作把不是块元素变为块元素)

    列表方块<ol></ol> <ul></ul>

      list-style:none  将列表前面的序号去掉

      list-style-image  可以将前面的序号变成图片

    格式与布局

      位置

        position  fixed 固定  相对于浏览器的边框进行定位

             absolute 绝对定位  相对于父级元素(浏览器、绝对定位的上级)

             relative 相对定位  相对于自身应该出现的位置(注意:定位后原位置保留不会被占用)

        top 距离上边的距离    right 距离右边的距离   left 距离左边的距离   bottom 距离下边的距离

      流

        float  left 向左流  right 向右流

        clear  both 清除所有的流  left 清除左边的流  right 清除右边的流

        z-index分层  需要前面使用position之后才有效果,值越大越靠上

  • 相关阅读:
    Keil的使用-1创建项目和工程
    UICollectionView进阶练习
    UICollectionView基础API笔记
    UICollectionView笔记2
    UICollectionView笔记1
    OC与JS交互之WKWebView
    OC与JS交互之JavaScriptCore
    OC与JS交互之UIWebView
    OC与JS交互前言
    最牛B的编码套路
  • 原文地址:https://www.cnblogs.com/zqy6666/p/11785866.html
Copyright © 2011-2022 走看看