zoukankan      html  css  js  c++  java
  • css笔记

    伪元素存在于任意一个元素里面。伪元素默认是行内(行级)元素,可以通过display去改变。

    .wrapper::after{
    content:"";
    clear:both; --清除浮动必须要是块级元素。
    display:block;
    }


    背景图片处理:
    当css没有加载出来的时候,依然可以显示文字。

    text-indent:200px;
    white-space:nowrap;
    overflow:hidden;

    溢出容器,打点显示:
    <p>法国议会选举第一轮投票结束法国议会选举第一轮投票结束法国议会选举第一轮投票结束</p>

    p{
    300px;
    height:20px;
    line-height:20px;
    border:1px solid black;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    }


    css的权重:
    !impotrant
    行间样式
    id
    class | 属性 | 伪类
    标签 | 伪元素
    通配符


    行级元素只能嵌套行级元素,块级元素可以嵌套任何元素。
    但是有特殊的情况:
    <p>元素里不能嵌套<div>,它会被截断为2个p元素。
    <a>标签里不能嵌套a标签。



    inline inline-block,凡是带有inline元素的都有一个特点,文本类元素。
    文本的特点是,中间有多少个空格,都只会当分隔符。
    比如<img>有多个话,会留有空白。只要把多个<img>标签中的空格去掉就可以了。

    凡是设置了position:absolute;或者float:left/right;,它在内部会把元素转换成display:inline-block.

    sometimes the hardest part isn't letting go,but rather start over
  • 相关阅读:
    echarts 折线图(移动端)X轴显示不全
    文字超出省略号类型
    逻辑运算为true
    13年省赛总结
    PyCharm专业版破解教程
    django之定义统一返回数据格式与GET/POST装饰器
    Xmind8破解教程
    django之mysqlclient安装
    django之“static”全局设置
    django之集成第三方支付平台PaysAPI与百度云视频点播服务接入
  • 原文地址:https://www.cnblogs.com/zhumeiming/p/8082365.html
Copyright © 2011-2022 走看看