1、a标签与a标签之间有3px距离

2、标准流中的文字不会被浮动的盒子遮挡

<div style="width:150px;height:150px;background-color:yellow;float:left"></div>

<div style="width:150px;height:50px;background-color:red;">

    <span>我的盒子跑到了红色盒子下面，但是我还留在这儿</span>

</div>

红色虽然走了，但是没有带有文字

3、浮动的父盒子要尽量设置宽高。下面代码父盒子设置了宽和浮动，但是没有设置高，所以影响了下面的黄盒子布局。所以浮动的盒子要撑开盒子（没有设置高）的话，就必须让父盒子设置高，让子盒子撑破父盒子是没有问题的。

<body>

   <div style="width:1000px;height:50px;border:1px solid red;">

       <div style="width:100px; background-color:red;float:left;">

           <div style="width:100px;height:100px; background-color:black"></div>

       </div>

   </div>

    <div style="width:200px;height:40px;background-color:yellow; float:left"></div>

</body>

4、谷歌浏览器不支持12px字体以下的字体大小

5、鼠标经过使div内的a标签变色

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .box {

            width: 50px;

            height: 50px;

            background-color: blue;

        }

            .box:hover {

                background-color: white;

            }

                .box:hover a {

                    color: red;

                }

    </style>

</head>

<body>

    <div class="box">

        <a>你好</a>

    </div>

</body>

</html>

6、定位中的默认权限：left比right，权重高。有left又有right的时候，执行left的值。top比bottom，权重高。有top又有bottom的时候，执行top的值。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

       a{

           position:absolute;

           width:50px;

           height:50px;

           background-color:aliceblue;

           top:50%;

           margin-top:-25px;

           text-align:center;

           font:400 20px/50px "console";

       }

       .rg{

           right:0px;

       }

    </style>

</head>

<body>

    <div style="width:300px;height:300px;position:relative;z-index:-1;  background-color:bisque;">

        <div style="background-color:red;">

            <a>&lt;</a>

            <a class="rg">&gt;</a>

        </div>

    </div>

</body>

</html>

7、虚线与点线

border: 1px dotted #000;//圆点线

border: 1px dashed #000;//虚线

8、text-transform

h1 {text-transform:uppercase}//大写

h2 {text-transform:capitalize}//小写

p {text-transform:lowercase}//首字母大写

9 、a标签中的href属性

<a href="">content</a>//刷新本页

<a href="#">content</a>//跳到顶部，不刷新

<a href="javascript:void(0)">content</a>//阻断跳转，不刷新

10、占位图片：http://via.placeholder.com/350x150

html——特例的更多相关文章

  1. C# 引用类型之特例string

    在C#编程的时候经常会使用字符串(string)类型,它也是引用类型,但是处处都不作为引用的用法来使用,实属特例,下来我一一罗列出来,供自己记忆方便: 1)字符串的直接赋值:本身字符串就是引用类型,应 ...

  2. [20180319]直接路径读特例12c.txt

    [20180319]直接路径读特例12c.txt --//昨天的测试突然想起以前遇到的直接路径读特例,在12c重复测试看看. 1.环境:SCOTT@test01p> @ ver1 PORT_ST ...

  3. Uva LA 3177 - Beijing Guards 贪心，特例分析，判断器+二分，记录区间内状态数目来染色 难度: 3

    题目 https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_pr ...

  4. MT【156】特例$a_n=\dfrac{6}{\pi n^2}$

    设无穷非负数列$\{a_n\}$满足$a_n+a_{n+2}\ge2 a_{n+1},\sum\limits_{i=1}^{n}{a_i}\le1$,证明:$0\le a_n-a_{n+1}\le\d ...

  5. B-spline Curves 学习之B样条曲线的系数计算与B样条曲线特例（6）

    B-spline Curves: Computing the Coefficients 本博客转自前人的博客的翻译版本,前几章节是原来博主的翻译内容,但是后续章节博主不在提供翻译,后续章节我在完成相关 ...

  6. Reverse Nodes In K Group，将链表每k个元素为一组进行反转---特例Swap Nodes in Pairs，成对儿反转

    问题描述:1->2->3->4,假设k=2进行反转,得到2->1->4->3:k=3进行反转,得到3->2->1->4 算法思想:基本操作就是链表 ...

  7. 特例模式（Special Case Pattern）与空对象模式（Null Pointer Pattern）—— 返回特例对象而非 null

    返回 null 值,基本上是在给自己增加工作量,也是给调用者添乱.只有一处没有检查返回的是否为 null,程序就会抛 NullPointerException 异常. 如果你打算在方法中返回 null ...

  8. C++学习之模板特例化

    模板是C++中一个很重要的特性,写一份代码能用于多种数据类型(包括用户自定义类型).例如,STL的sort()函数可以用于多种数据类型的排序,类stack可以用作多种数据类型的栈.但是,如果我们想对特 ...

  9. 格伦布编码——rice编码无非是golomb编码M为2^x的特例

    格伦布编码 格伦布编码是一种无失真资料压缩方法,由数学家所罗门·格伦布在1960年代提出. Rice编码 Robert F. Rice提出Rice 编码,是以哥伦布编码为基础做改良而更简易的前置码.R ...

  10. 《深入实践C++模板编程》之四——特例

    1. 所谓模板特例,是针对符合某种条件的模板参数值集合另外声明的模板实现变体. template<typename T> class my_vector; template<> ...

随机推荐

  1. - > 动规讲解基础讲解四——最大子段和问题

    给出一个整数数组a(正负数都有),如何找出一个连续子数组(可以一个都不取,那么结果为0),使得其中的和最大?   例如:-2,11,-4,13,-5,-2,和最大的子段为:11,-4,13.和为20. ...

  2. MyBatis3-代码生成工具的使用

    以下内容引用自http://www.yihaomen.com/article/java/331.htm: MyBatis应用程序,需要大量的配置文件,对于一个成百上千的数据库表来说,完全手工配置,这是 ...

  3. samba 奇怪问题

    有一个centos 7  samba服务器,配置如下: [root@proxy223 20150331]# cat /etc/samba/smb.conf [global] workgroup = W ...

  4. eclipse下载egit插件，实现代码git同步问题

    1.使用egit后,怎样查看历史log信息? : Team -> Show in history可以查看版本历史提交记录 2.每次代码提交前,先fetch,再merge. 先fetch获得最新代 ...

  5. Linux Framebuffer驱动剖析之中的一个—软件需求

    嵌入式企鹅圈将以本文作为2015年的终结篇,以回应第一篇<Linux字符设备驱动剖析>.嵌入式企鹅圈一直专注于嵌入式Linux和物联网IOT双方面的原创技术分享,稍后会公布嵌入式企鹅圈的2 ...

  6. Elasticsearch安装中文分词插件ik

    Elasticsearch默认提供的分词器,会把每一个汉字分开,而不是我们想要的依据关键词来分词.比如: curl -XPOST "http://localhost:9200/userinf ...

  7. openStack Packages yum upgrade

    依赖关系解决 ============================================================================================= ...

  8. MSP430 G2553 Timer 中断总结

    目前总共用到了四个中断向量,我觉得已经把G2553的所有定时器中断都用到了. 定时器有两个,TA0与TA1,每个定时器又有两个中断向量 1,CCR0到达时的中断,在计数模式时候很有用,平时定时器的基本 ...

  9. Coursera Algorithms week4 基础标签表 练习测验：Inorder traversal with constant extra space

    题目原文: Design an algorithm to perform an inorder traversal of a binary search tree using only a const ...

  10. [Apple开发者帐户帮助]八、管理档案（3）创建App Store配置文件

    您可以创建自己的App Store配置文件,以便在将应用程序上载到App Store Connect时使用. 有关完整的App Store工作流程,请转到通过 Xcode帮助中的App Store分发 ...