zoukankan      html  css  js  c++  java
  • CSS 容易忽略的一些属性

    常见的外观
    outline: none;
    p
    {
    border:red solid thin;
    outline-style:solid;
    outline-color:#00ff00;
    outline-1px;
    }
    元素border外面的线,不占据空间
     
     
    resize: none;
    仅仅是给div元素使用,并且要把 overflow 属性设置上,值可以是 auto、hidden 或 scroll
    这时候可以决定要不要resize
    resize: none|both|horizontal|vertical;
     
    取消浏览器内置的Border,可以这么设置
    border: none;
     
    box-sizing: content-box;
     
    box-sizing: content-box|border-box|inherit;
    默认值content-box,意思是宽高设置给内容区
     
     
     
    和文字换行、空格相关的
    word-wrap: break-word;
    word-wrap: normal|break-word;
    默认值normal,会继承
    这个是说处理长单词的时候,自动折行
     
     

     

     
     
    white-space: pre-wrap;
    pre/pre-wrap 原样输出
    pre-line 合并空格
    normal 合并空格,换行变成一个空格,但需要时自动折行
    no wrap 合并空格,换行变成一个空格
     
     
    和文字显示的位置相关的
    text-align: left; 
    vertical-align: top;
     
    和元素定位相关的
     float: none;
     
     
    鼠标选择相关的
     -webkit-user-select: text;
    user-select: text; 选文本
    user-select: none; 不能选
    all是点击一下,全部选择
     
     
     
    选中的文本是红色背景,金黄色的字体 
    ::selection { color: gold; background-color: red; }
     
    选中的是蓝色背景,白色的字体的段落
    p::selection { color: white; background-color: blue; }
     
     

  • 相关阅读:
    Python--BeautifulSoup4丶Tag丶Xpath丶requests+re的基础学习及使用
    c#字符串字面量
    vim操作
    序列的方法
    python数值类型与序列类型
    Linux操作学习笔记1
    Jav的10个面向对象设计原则
    JAVA面向对象基础
    二进制 八进制 十六进制
    using 的故事
  • 原文地址:https://www.cnblogs.com/chenyingzuo/p/15024554.html
Copyright © 2011-2022 走看看