随笔分类 -  CSS

我的天!居然可以这么“弹”!—— 弹性盒布局属性详述
摘要:先安利两发对小K启发很大的,关于flex弹性盒布局使用的博文及演示道具~ 博文 http://www.cnblogs.com/yhsa/p/6483675.html 演示 http://www.css88.com/demo/flexbox-playground/ 一、什么是弹性盒布局? flexib 阅读全文

posted @ 2017-03-26 14:43 谁还在我身边 阅读(646) 评论(0) 推荐(0)

这是假的JS——利用CSS Animation实现banner图非交互循环播放
摘要:话不多说,先来张html和css代码截图~ 注意事项: 1.如果想在每张图前进行停顿,可以在keyframes中的每一步前加上一小段与下一张相同的代码; 2.如果想要在实现无违和感的最后一张与第一张的交接,可以在最后再加一张第一次出现的图,并在keyframes中最后占适度百分比; 3.每两张ban 阅读全文

posted @ 2017-03-26 13:52 谁还在我身边 阅读(215) 评论(0) 推荐(0)

小K的H5之旅-HTML5与CSS3部分新属性浅见
摘要:一、HTML部分 1、HTML5新特点 向下兼容、用户至上、化繁为简、无插件范式、访问通用性、引入语义、引入原生媒体支持、引入可编程内容 2、HTML5标签语法 可以省略的元素:空元素语法的元素{br} ;可以省略结束标签的元素 {p,li,h};可以全部省略标签的元素 {html,head,bod 阅读全文

posted @ 2017-03-19 16:04 谁还在我身边 阅读(230) 评论(0) 推荐(1)

CSS小技巧-煎蛋的画法~
摘要:这是三个煎蛋 阅读全文

posted @ 2017-03-14 09:32 谁还在我身边 阅读(268) 评论(1) 推荐(0)

CSS小技巧-怎样让每行多余的文字显示文省略号?
摘要:1.white-space:nowrap 如果是中文,则需要设置行末不断行 2.overflow:hidden 设置超出控件范围隐藏 3.text-overflow:ellipsis 阅读全文

posted @ 2017-03-04 16:04 谁还在我身边 阅读(407) 评论(0) 推荐(1)

CSS小技巧-两个盒子之间的间距问题
摘要:1、水平排放的盒子,水平间距是两个margin的累加 2、垂直排放的盒子,垂直间距是合并的取最大值 阅读全文

posted @ 2017-03-04 16:02 谁还在我身边 阅读(7475) 评论(0) 推荐(0)

CSS小技巧-为内盒子添加margin-top时,会带着父盒子一起下来,如何解决?
摘要:1、为父盒子添加一个padding 2、为父盒子添加一个border 3、为父盒子添加一个overflow:hidden 阅读全文

posted @ 2017-03-04 15:59 谁还在我身边 阅读(440) 评论(0) 推荐(0)

小K的H5之旅-CSS基础(一)
摘要:一、什么是CSS W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言。 二、CSS应用的三种 阅读全文

posted @ 2017-03-04 15:55 谁还在我身边 阅读(672) 评论(0) 推荐(1)

导航