css系列手写笔记


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标签

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系列手写笔记)