随笔分类 -  css

样式表
css权重计算
摘要：第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第三等：代表类，伪类和属性选择器，如.content，权值为10。 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。通用选择器（*），子选择器（>）和相邻同胞选 阅读全文
posted @ 2016-04-04 13:14 小董儿博客 阅读(197) 评论(0) 推荐(0)
前端随笔
摘要：学习前端的同学都知道，前端需要调试各种不同的浏览器以及浏览器的兼容性，以使ui展示的效果在浏览器中最大程度上接近活相似。但是我们常常遇到各种各样的bug.比如，明明设置了元素的高度，但是设置下一个元素的位置的时候，元素的位置就是错乱的。 时下比较流行的，瀑布流啊，响应式布局啊，第三方库啊（boots 阅读全文
posted @ 2016-02-15 08:46 小董儿博客 阅读(181) 评论(0) 推荐(0)
css系列教程--margin padding column(完结)
摘要：margin/margin-left/margin-right/margin-top/margin-bottom设置边距属性margin:0;--所有外边距0margin:0 1px;--margin-top/bottom为0、margin-left/right为1pxmargin:1px 2px ... 阅读全文
posted @ 2016-01-09 09:04 小董儿博客 阅读(365) 评论(0) 推荐(0)
css系列教程--overflow min/maxheight content
摘要：outline:这只轮廓样式，与border类似。写法参考border.overflow/overflow-x/overflow-y：visible/hidden/scroll/auto/no-display/no-contentoverflow:溢出显示方式。overflow-x：水平方向溢出显示... 阅读全文
posted @ 2016-01-09 08:46 小董儿博客 阅读(821) 评论(0) 推荐(0)
css3系列教程--animation
摘要：Animation:动画animationshi css的动画效果。需要定义keyframe动画对象来实现。为了兼容苹果/chrome，firefox,ie每次定义需要添加-webkit-,-moz-和keyframe注：在苹果浏览器中，如果遇到-webkit-transform属性失效的时候，请把... 阅读全文
posted @ 2016-01-09 08:15 小董儿博客 阅读(214) 评论(0) 推荐(0)
css系列教程--文本
摘要：text-align：规定文本的水平对齐方式。left/right/center/justify(两端对齐)/inherit（继承）text-decoration：添加到文本的效果。下划线，中间线等。none/underline/overline/line-throuth/blink/inherit... 阅读全文
posted @ 2016-01-09 08:01 小董儿博客 阅读(178) 评论(0) 推荐(0)
css系列教程--color direction line-height letter-spacing
摘要：css标签：colorcolor:用法color:指定文本的颜色color:red/#fff/unicode;direction:用法direction：定义文本的方向。dirction:ltr/rtl(从左到右、从右到左)例子：div{ direction: rtl}letter-spacing：... 阅读全文
posted @ 2015-12-27 09:11 小董儿博客 阅读(276) 评论(0) 推荐(0)
css系列教程--border和background
摘要：css标签b：1.background:用法background：可以指定颜色，背景，平铺效果以及背景定位。background:url(aa.png) #fff 0px 0px no-repeat注：该行背景指定该元素背景为aa.png的图片，背景色为白色，背景从0，0（x,y）的位置开始，不平铺... 阅读全文
posted @ 2015-12-27 09:00 小董儿博客 阅读(597) 评论(0) 推荐(0)
css系列教程--选择器
摘要：css派生选择器：是指在某个样式表或者dom元素的行内定义行内元素的属性，而其他同名样式在其他dom节点无效的样式表定义方式。例如：div ul li{border:1px solid red;}我是有边框的我是无边框的定义了派生选择器的样式以后，变框属性只针对div ul li元素，而span u... 阅读全文
posted @ 2015-12-27 08:20 小董儿博客 阅读(285) 评论(0) 推荐(0)
css系列教程--简介及基础语法和注意事项
摘要：css简介：css指的是层叠样式表，cascading style sheets。用来定义html中的dom节点如何展示在页面中的问题。解决了内容与表现形式的分离问题。常见的样式表有外部链接样式表和内部样式表，简称，外链和内联。css基础表现形式：cssname{porerty:value} div... 阅读全文
posted @ 2015-12-27 07:59 小董儿博客 阅读(218) 评论(0) 推荐(0)
关于css3中before与after用单冒号还是双冒号的疑虑
摘要：在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。 阅读全文
posted @ 2015-12-22 09:45 小董儿博客 阅读(384) 评论(0) 推荐(0)
css之浏览器初始化方案
摘要：由于浏览器默认的设置不近相同，设置样式表的时候通常我们需要初始化浏览器不同的设置，以保持在不同浏览器里面的兼容效果。 阅读全文
posted @ 2015-12-09 10:49 小董儿博客 阅读(411) 评论(0) 推荐(0)