随笔分类 -  html5+css3

要学习新知识了。
css3 text-overflow失效
摘要：刚刚需要对div超出宽度的文字设置下，发现怎么都不起作用，无意间去除了里层a链接的display:inline-block，才正常。 页面效果： div主要css： div里的a链接css样式： html代码： 阅读全文
posted @ 2017-10-28 13:39 ann_glx 阅读(775) 评论(0) 推荐(0)
巧用CSS属性visibility与opacity代替鼠标经过的jQuery事件
摘要：一直使用jQuery的hover()函数来写鼠标经过事件，这几天发现其他同行直接使用CSS就搞定了。自己在线下也试了试： 当然也并不是没有前提条件，需要配合一些定位属性来使用（position/top/left）。代码如下： <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2017-08-04 19:47 ann_glx 阅读(1037) 评论(0) 推荐(0)
css3之box-sizing
摘要：1.通读了下w3cschool上的简介：CSS3 box-sizing 属性_w3cschool。 2.看简介理解的不够深刻，偶属于刚看完转眼就能忘记的人。出于对自己的不放心，还是老老实实把例子拿到线下看看： <!DOCTYPE html> <html> <head> <meta charset=" 阅读全文
posted @ 2017-08-03 17:31 ann_glx 阅读(284) 评论(0) 推荐(0)
巧用伪元素绘制带边的三角形--CSS3
摘要：页面效果图： 注：以上网上转载的效果，然后还是结合实际中用到的写法，偶觉得比较简洁的方法。 利用两个伪元素:before与:after为类名为.box_in_answer的元素添加小三角形： 页面效果： 阅读全文
posted @ 2016-03-24 09:46 ann_glx 阅读(1354) 评论(0) 推荐(0)