- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 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 40470
原创 css 利用table-cell实现居中的方法
通过display转化成为表格的形式,再采用垂直居中的方法得到垂直居中的效果。display:table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。 display:table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>代码示例:<div style="display: table; w...
2018-04-13 18:27:58 2370
原创 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 521
原创 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 949
原创 CSS hack
不同厂商浏览器或浏览器不同版本对CSS(层叠样式)的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式搜索,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack。div { color :red; /* 所有浏览器都支持 */ color: red !i...
2018-04-13 18:26:11 135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人