- 博客(5)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 css 自动换行属性
word-break 属性规定自动换行的处理方法。提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。所有主流浏览器都支持 word-break 属性。语法：word-break: normal | break-all | keep-all ;normal 使用浏览器默认的换行规则。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。 w...
2018-04-13 18:28:16
40449
原创 css 利用table-cell实现居中的方法
通过display转化成为表格的形式，再采用垂直居中的方法得到垂直居中的效果。display:table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 display:table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>代码示例：<div style="display: table; w...
2018-04-13 18:27:58
2335
原创 CSS3 Filter的十种特效
-webkit-filter是css3的一个属性，Webkit率先支持了这几个功能。CSS3 filter和css filter完全是两样东东。更不是我们一直说的IE滤镜。Filter主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。语法：elm{ filter: none | <filter-function > [ &l...
2018-04-13 18:27:34
511
原创 css 箭头
用纯css实现箭头效果的代码关键是设：width 和 height 为 0箭头效果<style> .arrow { display: inline-block; width: 0px; height: 0px; border: 30px solid transparent; overflow: hidden; }/*向上箭头，只有三个边，不能指定上边框*/.arrow-up { bor...
2018-04-13 18:26:59
932
原创 CSS hack
不同厂商浏览器或浏览器不同版本对CSS（层叠样式）的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式搜索，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack。div { color :red; /* 所有浏览器都支持 */ color: red !i...
2018-04-13 18:26:11
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人