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
  • 相关阅读:
    Maven 安装配置
    docker 安装 MySQL
    查看CentOS版本方法
    JavaScript定时器的开启关闭
    JavaScript实现延时提示框
    JavaScript获取当前时间
    JavaScript实现数字时钟功能
    JavaScript获取非行间样式
    JavaScript数组的操作
    JavaScript数组和json的区别
  • 原文地址:https://www.cnblogs.com/zhumeiming/p/8082365.html
Copyright © 2011-2022 走看看