• CSS 样式属性


    <link rel="stylesheet" type="text/css" href="mystyle.css">

    字体

    font-family:"字体";   字体

    font-size:12px;    大小

    color:         颜色

    font-weight:bold;      文字粗细  bold加粗  normal正常

    font-style:italic;      文字倾斜   italic倾斜  normal正常

    font-decoration:underline;    下划线  overline  上划线  line-through  删除线

    text-transform:capitalize    单词首字母大写  uppercase全部大写  lowercase全部小写

    text-align:center;    (水平对齐)居中对齐,left左对齐,right右对齐,

    vertical-align:middle;  (垂直对齐)居中对齐,top顶部对齐,bottom底部对齐

    line-height:    行高(1.5倍—2倍字体大小)

    背景与前景

    background-color:#000000;    背景色

    background-image:url(路径);    背景图片

    background-attachment:fixed:    背景固定

    background-attachment:scroll;    背景滚动

    background-repeat:no-repeat;         no-repeat不平铺repeat平铺repeat-x横向平铺repeat-y纵向平铺

    background-position:center;    居中

    background-position:left 100px top 200px;    离左边100像素 离上边200像素

    图片样式

    border  边框    margin  表外间距    padding  内容与单元格

    border-style:dotted;    点划线

    border-style:dashed;    虚线

    border-style:solid;    实线

    border-color:#000;    颜色

    border-1px;    宽度

    border-top:1px solid #000;    上

    border-bottom:    下

    border-left:      左

    border-right:    右

    margin:20px 0px 0px 20px  上 右 下 左

    margin:auto;  居中

    border-collapse:collapse;    边框重叠

    float:left;    靠左

    float:right;    靠右

    clear:both;    截断流 取消影响

     

    超链接控制

    a:link    一般链接

    a:visited    访问过的链接

    a:hover    鼠标指向链接的形式

     

    overflow:hidden;    超出范围时隐藏

    overflow:scroll;    超出范围时显示滚动条

     

    cursor:pointer    鼠标指到上面的形状

     

        

  • 相关阅读:
    Mysql高可用集群环境介绍
    JVM 介绍
    SpringCloud Stream 消息驱动
    SpringCloud Bus
    Vue父组件向子组件传递一个动态的值,子组件如何保持实时更新实时更新?
    cordova编译crosswalk-webview插件报错的处理办法
    Xcode10升级项目报错library not found for -lstdc++.6.0.9
    cordova 使用WKWebView 适配iphoneX及解决不能拨打电话问题
    Webpack, VSCode 和 Babel 组件模块导入别名
    vscode debugger for chrome 调试webpack的配置问题
  • 原文地址:https://www.cnblogs.com/duan594939295/p/4932171.html
Copyright © 2020-2023  润新知