• HTML.CSS样式表


    样式分类

    大小 -- 调整div大小,长 width,高 height。长可以直接100%横向沾满屏幕,高不可以。

    背景  

          background-color  背景色

          background-image  背景图片  后面接url() 括号里填图片位置

          background-repeat  背景图片的平铺方式  :no repeat  让图片只显示一次,

          background-position  背景图片的位置   center 居中

          background-size  背景图片的大小  设置图片的长高,可以写百分比,如果写具体的必须加上单位px;

          background-attachment  设置背景图片是否滚动

    字体

         font-family  字体样式

         font-size  字体大小

         font- style  italic 字体倾斜

         font-weight  字体加粗

         text-decoration  -- underline 下划线;overline 上划线;line-through 删除线;none 没有,用来清除超链接的下划线;

         color  字体颜色

    对齐方式

         text-align  水平对齐方式

         verticl-align 垂直对齐方式,middle 配合display:table-cell(把文本内容当做标记来使用,会清除掉一些流和浮动);

         line-height   行高     如果只有一行文字,那么边框设置多高就输入多高,就会垂直居中

         text-indent  缩进,单位像素。

    边界边框

         margin  外边距  四个参数,上右下左(顺时针顺序)

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

         border  边框  三个参数  , 边框粗细,边框大小,边框颜色。

    列表方块

    <ul>

        <li>

        <li>

    </ul>

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

         list-style-image 将列表前的序号改为图片

    格式布局

        位置    position: fixed固定  absolute绝对位置(浏览器,绝对定位的上级)   relative相对位置  相对与自身应该出现的位置

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

        流   float:left  向左流 right 向右流   流式布局,会根据浏览器变换排列

              clear: both  清除流

        分层   z-index   值越大越靠上

    其他

    display  显示biock,隐藏none,不占位置

    visibility 显示visible  隐藏hidden,占位置

    overflow  超出范围 hidden隐藏,超出边框范围的会隐藏 scroll滚动条

    css3中的样式,ie可能不兼容

    透明:opacty:0.5(对应谷歌浏览器)  -moz-opacty:0.5(对应火狐浏览器)  filter:alpha(opacty=50)(对于ie浏览器)

    圆角:border-radius:5px;  最多就变成圆

    阴影:box-shadow:0 0 5px white;

  • 相关阅读:
    bootstrap模态框
    css 禁止选中文本
    Python Flask Tornado
    JS canvas标签动态绘制图型
    JS 跳转页面
    JS 计算器
    JS
    柱状图中最大的矩形
    在不使用第三个变量的情况下交换两个数的值
    springboot配置静态资源访问的2种方式
  • 原文地址:https://www.cnblogs.com/TheJoker/p/7515361.html
Copyright © 2020-2023  润新知