随笔分类 -  css

css基础知识
css样式之 direction
摘要：今天看到 direction:rtl。一时有点发傻。 其实就是文本读取顺序。默认是ltr从左向右读。rtl是从右向左读取。 阅读全文
posted @ 2016-07-25 10:52 MissBean 阅读(343) 评论(0) 推荐(0)
单行文本溢出和多行文本溢出
摘要：单行文本溢出与多行文本溢出样式 阅读全文
posted @ 2015-10-16 11:09 MissBean 阅读(4908) 评论(0) 推荐(0)
text-overflow:ellipsis实现超出隐藏时省略号显示
摘要：text-overflow:ellipsis;要达到的效果是：文字超出容器宽度时，文字被隐藏的文字用省略号代替。所以该属性只能用于块状元素或行内块元素中，对行内元素是不起作用的。一般和white-space:noworp;(强制文字不换行)，overflow:hidden;(文字溢出隐藏)，一起使用... 阅读全文
posted @ 2015-05-07 15:22 MissBean 阅读(4448) 评论(0) 推荐(0)
sass小总结
摘要：一般有两种后缀 .sass和.scss，推荐使用后者。写下自己对sass的理解1.变量$border-color:#c66;$border:1px solid $border-color;变量中包括全局变量和局部变量。全局变量即使全局都可以引用的。局部变量定义在选择器内或mixin里的变量。只在固定... 阅读全文
posted @ 2015-04-29 16:42 MissBean 阅读(633) 评论(0) 推荐(0)
tr设置背景图片
摘要：tr是不能设置背景图片的。。。。 阅读全文
posted @ 2015-03-31 11:42 MissBean 阅读(577) 评论(0) 推荐(0)
css写宽为30%的正方形
摘要：如何用纯css写一宽为30%的正方形，用到了padding属性；会不会恍然大悟呢？ 1 2 3 4 5 Document 6 24 25 26 27 28 29 7-11为法一12-16为法二 阅读全文
posted @ 2015-03-20 14:02 MissBean 阅读(445) 评论(1) 推荐(0)
css选择器
摘要：css选择器有三个特性：特殊性，继承性，层叠性。自己的理解如下：特殊性：表现在权重上 0 0 0 0第一个0代表行内元素；第二个0代表ID；第三个0代表class；第四个0代表元素或伪类；例子：silence 这个就是1 0 0 0#id{color:blue;}这个是0 1 0 0.clas... 阅读全文
posted @ 2015-02-28 14:17 MissBean 阅读(206) 评论(0) 推荐(0)
工作中的问题
摘要：今天写一专题页面，写出的结果在各个浏览器下都不同，心情不好。。。就是红线的地方老对不齐。。。在朋友指导下改了下样式好了右边代码结构1 2 相关专题3 4 5 6 7 8 View Code之前我是把margin-bottom放在a标签的样式中，后来... 阅读全文
posted @ 2015-02-03 17:16 MissBean 阅读(179) 评论(0) 推荐(0)
css3制作滚动按钮
摘要：1，中间圆点用到css3的gradient属性2，运动用到css3的transition属性3，需要写各个浏览器的兼容代码如下 1 2 3 4 5 css3按钮 6 7 45 46 47 48 49 50 51 .btn in... 阅读全文
posted @ 2015-01-19 17:33 MissBean 阅读(607) 评论(0) 推荐(0)
布局两列div等高方法
摘要：一、左右布局，左侧div绝对定位，外div相对定位 1 2 3 4 5 Document 6 7 25 26 27 side28 29 驿外断桥边，30 寂寞开无主。31 ... 阅读全文
posted @ 2015-01-17 16:41 MissBean 阅读(342) 评论(0) 推荐(0)
如何布局左固定右边自适应的两列布局？
摘要：一，左侧div，float设为left，右侧div设置margin-left属性为左侧div的宽度，外div清除浮动 1 2 3 4 5 Document 6 7 32 33 34 side35 main36 37 38 二，... 阅读全文
posted @ 2015-01-17 14:40 MissBean 阅读(305) 评论(0) 推荐(0)
js二级导航
摘要：js写二级导航要点1.ul li2.js获取元素3.setInterval(function(),time);代码如下 1 11 12 13 14 一级菜单15 16 二级菜单17 ... 阅读全文
posted @ 2015-01-16 12:35 MissBean 阅读(442) 评论(0) 推荐(0)
cssText在 IE6/7/8和chrome/Firefox/IE9+的不同
摘要：一，结尾没有分号1 test2 IE6/7/8下没有分号其他浏览器下有二，属性名（font-size）是大写的IE6/7/8下属性名是大写的，如第一张图其他浏览器是小写的三，复合属性全部展开IE6/7/8下复合属性全部展开1 test2 其他浏览器不会 阅读全文
posted @ 2015-01-14 13:48 MissBean 阅读(298) 评论(0) 推荐(0)
p标签中的span标签文字垂直居中对齐
摘要：轻舞飞扬第一次亲密接触p标签的font-size：30px;span标签的font-size：24px;让span标签垂直居中的方法：p>span{ display:inline-block; vertical-align:middle; }基础知识需要牢记 阅读全文
posted @ 2014-12-17 10:34 MissBean 阅读(22220) 评论(0) 推荐(1)
img下出现几像素空白的问题
摘要：先看一个例子和效果，应该就会明白我的问题了。 1 2 Untitled Document 3 9 10 11 12 13 14 15 16 17 18 运行后页面效果如下：图片和下面出现了几像素的空白。具体什么原因我... 阅读全文
posted @ 2014-11-19 17:25 MissBean 阅读(366) 评论(0) 推荐(0)
w3c标准
摘要：w3c标准不是一个标准，而是一系列的标准的集合，包含三部分标准：结构标准，表现标准，动作标准。与结构标准对应的语言是Xhtml，与表现标准对应的语言是CSS，与动作标准对应的语言是javascript。 阅读全文
posted @ 2014-11-19 10:04 MissBean 阅读(249) 评论(0) 推荐(0)