CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/06 CSS

clearfix的定义：复制代码代码如下: .clearfix:after {}{ content: \".\"; /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/ display: block; /**//*加入的这个元素转换为块级元素。*/ clear: ...

前端技术 2023/09/06 CSS

最近我想修改一下这个网站，我想在上面放置一个提示框。这是很容易，但我想让提示框上有一个三角形的箭头。可是，一想到这需要使用图片，并且各种颜色，各种方向的箭头要准备无数种，这几乎是一种灾难。幸运的是，MooTools的核心开发着Darren Waddell告诉了我一个非常棒的技术...

前端技术 2023/09/06 CSS

FF用样式：-moz-user-select:none; FF以外的浏览器用：onselectstart=\"return false\"（直接加在需要作用的标签） eg: <div class=\"test\" onselectstart=\"retu...

前端技术 2023/09/06 CSS

效果图如下：源码如下：复制代码代码如下: <!doctype html> <html> <head> <meta content=\"text/html;charset=utf-8\" http-equiv=\"co...

前端技术 2023/09/06 CSS

什么是CSS清除浮动？网络上流行的说法是：在非IE浏览器（如Firefox）下，当容器的高度（height）为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏...

前端技术 2023/09/06 CSS

圣杯布局源自 Matthew Levine 在06年的一篇文章，其DOM结构如下： XML/HTML Code复制内容到剪贴板 <div class=\"container\"> <div class=\"main\"></div...

前端技术 2023/09/06 CSS

CSS的float属性，有left，right。那么，如果我想让图片浮在中间呢？有没有float:middle呢？貌似是没有勒。最新的CSS3的分栏属性（http://www.w3.org/TR/css3-multicol/）可以让文字分栏，然后再让图片左...

纯css实现的颜色扇附图

前端技术 2023/09/06 CSS

今天我们实现一个纯css实现的颜色扇，继续学习sass的使用，效果见下图所示。 html文件复制代码代码如下: <div id=\"container\"> <div class=\"item it1\" title=\"pick a co...

css3.0 图形构成实例练习一

前端技术 2023/09/06 CSS

html部分内容复制代码代码如下: <div class=\"header\"> 　　<div class=\"eye_left\"></div> 　　<div class=\"eye_right\"> 　　　　<div ...

前端技术 2023/09/06 CSS

今天碰到了td文字内容不换行，发现是：white-space: nowrap，即强制文本不进行换行，顺便看了一下文本换行的属性word-wrap，总结如下： white-space的默认只是normal，自动换行。 word-break:break-all和wo...

关闭

我的博客