css笔记 - 随笔分类 - Koidt

摘要：利用border属性实现第2种：利用“♦”字符实现（谷歌浏览器显示不正常）第3种第4种第5种阅读全文

posted @ 2019-02-09 16:43 Koidt 阅读(700) 评论(0) 推荐(0)

摘要：宽度不固定，超出宽度则以省略号“...”来表示。效果如下：多行省略，举个例子：超过三行后的文字省略阅读全文

posted @ 2017-09-08 10:21 Koidt 阅读(3258) 评论(0) 推荐(0)

摘要：fixed:固定定位 absolute：绝对定位在没有滚动条的情况下两者其实没有差异。但是在有滚动条后，fixed始终会在定好的位置不动，而absolute会随参照对象元素的宽高变化为移动。一般fixed用在遮盖层和固定在页面某个位置（固定在顶端的菜单栏 / 弹出框居中显示 / 页面两侧的广告位阅读全文

posted @ 2017-03-07 18:20 Koidt 阅读(4138) 评论(0) 推荐(0)

css布局-双飞翼布局

摘要：增加多一个div就可以不用相对布局了，只用到了浮动和负边距，这就是双飞翼布局。 DOM结构：main内层增加了一个div 阅读全文

posted @ 2016-12-23 20:20 Koidt

CSS布局-圣杯布局

摘要：圣杯布局圣杯布局很完美（兼容所有浏览器，包括IE6），但是使用了相对定位，布局有局限性，宽度控制要改的地方也多。第一种方法公用部分：第二种方法都不考虑兼容IE8及以下。左侧栏固定宽度，右侧自适应：第一种写法：第二种写法：右侧栏固定宽度，左侧自适应：第一种写法：第二种写法：左右阅读全文

posted @ 2016-12-23 20:16 Koidt 阅读(411) 评论(0) 推荐(0)

品字布局

摘要：满屏品字布局思路：上面的div宽100%，下面的两个div分别宽50%，然后用float或者inline使其不换行即可。局部品字布局：左右在排版时要反过来，不然不出效果阅读全文

posted @ 2016-12-23 18:44 Koidt 阅读(1388) 评论(0) 推荐(0)

元素居中

摘要：HTML: CSS: 阅读全文

posted @ 2016-12-22 18:24 Koidt 阅读(259) 评论(0) 推荐(0)

CSS Sprites的优缺点

摘要：CSS Sprites在国内很多人叫css 精灵，是一种网页图片应用处理方式。就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background 阅读全文

posted @ 2016-11-30 13:43 Koidt

input 去掉点击后出现的边框

摘要：添加属性 :focus{outline:none} 就可以去掉默认点击时，边框会出现的蓝色边框。 :focus 选择器用于选取获得焦点的元素。提示：接收键盘事件或其他用户输入的元素都允许 :focus 选择器。不想点击时每次都要设置的话，最好在默认样式中就设置：用 :focus 实现外部边框改变阅读全文

posted @ 2016-11-16 23:03 Koidt 阅读(20789) 评论(0) 推荐(1)

css 部分属性说明及效果

摘要：三角形代码效果如右图所示 → border-style 设置为none和hidden都不显示border。但是在运用表格时，hidden可以解决边框冲突的问题。英文间隔、空白属性 word-spacing：英文单词之间的间距（例如 hello word）。效果如右图所示 → letter-sp 阅读全文

posted @ 2015-07-08 15:34 Koidt

IE8中marquee不显示出滚动效果的解决办法

摘要：随着各种软件的升级，我们系统中的IE6也渐渐被淘汰了，目前主流的浏览器一半的用户已经从IE6直接升级到了IE8，虽然给用户更好的体验，上网更快更方便了，但是对网站制作来说，又是个比较麻烦的问题，因为很多网页代码在不同的浏览器内显示的效果不一样，兼容性控制比较难把握。今天有个朋友问我为什么他在IE6... 阅读全文

posted @ 2015-07-08 15:21 Koidt

CSS透明opacity和IE各版本透明度滤镜filter的准确用法

摘要：滤镜名说明Alpha 让HTML元件呈现出透明的渐进效果Blur 让HTML元件产生风吹模糊的效果Chroma 让图像中的某一颜色变成透明色DropShadow 让HTML元件有一个下落式的阴影FlipH 让HTML元件水平翻转FlipV 让HTML元件垂直翻转Glow 在元件的周围... 阅读全文

posted @ 2015-07-08 14:47 Koidt

纯css菜单效果及滑动门

摘要：双斜角横线菜单立体菜单箭头菜单带说明信息的菜单直接在上个案例中，css里增加一段新的样式。html中新增一个类名为intro的span标签即可。斜角水平菜单不用图片的圆角菜单会跳的多彩圆角菜单滑动门单层滑动门双层滑动门中间浅紫色为鼠标移上去效果，当前页深紫色，普通为灰色阅读全文

posted @ 2015-05-20 11:30 Koidt

textarea去掉右下角拖拽

摘要：/*去掉textarea右下角三角符号*/resize : none; 阅读全文

posted @ 2015-05-20 11:08 Koidt

coldfishdt

随笔分类 - css笔记