美文网首页
css系列手写笔记

css系列手写笔记

作者: 上海第一撸码少年 | 来源:发表于2017-06-28 09:27 被阅读0次

    a标签内字体取消变色和下划线

    a:link {

    text-decoration: none;

    }

    a:visited {

    text-decoration: none;

    }

    a:hover {

    text-decoration: none;

    }


    overflow:规定当内容溢出元素框时发生的事情

    visible:默认值。内容不会被修剪,会呈现在元素框之外。

    hidden:内容会被修剪,并且其余内容是不可见的。

    scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

    auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

    inherit:规定应该从父元素继承 overflow 属性的值


    clip :默认值 。不显示省略标记(...),而是简单的裁切.

    ellipsis: 当对象内文本溢出时显示省略标记(...).这三个一般连用

    {white-space:nowrap;强制不换行

    overflow:hidden;超出部分隐藏

    text-overflow:ellipsis;显示。。。

    flex-start


    各种居中

    :http://www.cnblogs.com/2050/p/3392803.html

    一个关于布局非常好的链接:http://zh.learnlayout.com/position.html

    关于居中:https://juejin.im/entry/591dc015da2f60005d25e6b0

    还是居中:https://github.com/Arisons/css-center/blob/master/16%E7%A7%8D%E6%96%B9%E6%B3%95%E5%AE%9E%E7%8E%B0%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD.md

    再居中:http://ife.baidu.com/note/detail/id/1085

    flex的集中:http://www.cnblogs.com/coco1s/p/4444383.html


    css3链接:https://www.w3cschool.cn/css3/fyralfln.html


    设置z-index 的时候一定记得加上position属性,z-index是看父元素的。

    ios下bootstarp模态框失效,在按钮外面加一个a标签 <a href=" "  onclick="return false";data-toggle='modal' data-target='#cancelModel'></a>

    ios下click失效用touchstart代替


    叉的画法:

    a{

    display:block;

    width:0.45rem;

    height:0.03rem;

    background:rgb(221,119,34);

    line-height:0;

    font-size:0;

    vertical-align:middle;

    -webkit-transform:rotate(45deg);

    }

    a:after{

    content:'/';

    display:block;

    width:0.45rem;

    height:0.03rem;

    background:rgb(221,119,34);

    -webkit-transform:rotate(-90deg);

    }


    css3各种在线演示:http://www.css88.com/tool/css3Preview/Box-Shadow.html

    边框阴影演示:http://blog.csdn.net/freshlover/article/details/7610269

    相关文章

      网友评论

          本文标题:css系列手写笔记

          本文链接:https://www.haomeiwen.com/subject/wsgycxtx.html