![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
曾经沧海难为水-除却巫山不是云
这个作者很懒,什么都没留下…
展开
-
CSS基础必知必会
CSS选择器优先级 内联 ID选择器 类选择器 标签选择器 link和@import link属于XHTML标签,@import是CSS提供的 link会随着页面加载而加载,@import等页面加载完毕后才加载 @import在IE5以上才能被识别,link属于XHTML标签无兼容性问题 link的权重高于@import的权重 使用js控制dom改变元素只能用...原创 2020-02-16 15:25:32 · 284 阅读 · 1 评论 -
A4纸尺寸
简 介 A4纸是ISO 216(纸张国际化标准尺寸),是世别界上大多数国家所使用的A4纸尺寸。目前中国采用的是ISO 216标准,以规范纸大小,与国际通用。A4纸尺寸 A4纸(210×297) A3纸(297×420) A2纸(420×594) A1纸(594×841) A0纸(841×1189) 备注:长(mm)×宽(mm) 单位:毫米(mm)A原创 2016-06-08 17:33:57 · 2209 阅读 · 0 评论 -
表格不用border-collapse也能实现单线边框
css中控制表格边线属性border-collapse:collapse,偶尔由于其他样式的影响,会让表格table的边框显示不全,其实用另外一种方法也可以实现border-collapse:collapse的效果。给table上边和左边设上边框线,给td下边和右边设上边框线就可以了。效果如下图:原创 2016-05-02 14:57:31 · 4401 阅读 · 0 评论 -
CSS设置hr样式
line-height:1px;clear:both;display:block;overflow:hidden'>hr在ie和ff下表现形式可能有所出入, 可以用 div来代替-----------------------------------用hr的话, 只能是 -----------------------------------hr{color:#3399FF;h原创 2014-03-26 17:37:31 · 11238 阅读 · 0 评论 -
只半透明背景不透明文字的CSS写法
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">只半透明背景不透明文字的CSS写法-懒人建站#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5);*background:#f00; *filter:alpha原创 2014-04-24 16:39:49 · 1515 阅读 · 0 评论 -
CSS border实现三角形
一、原理CSS盒模型一个盒子包括:margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点,通过设置不同的上下左右边框宽度或者颜色可以得到小三角,小梯形等。 调整宽度大小可以调节三角形形状。示例1:一般情况下,我们设置盒子的宽高度及上下左右边框,会呈现如下图:CSS语言:高亮代码由发芽网提供1#原创 2014-07-04 15:15:37 · 756 阅读 · 0 评论 -
实现任意图片垂直居中的三种方法
在网站开发过程中,可能会有希望图片垂直居中的情况,而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。我总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。方法一:将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签,并设置span的原创 2014-11-03 14:25:17 · 15184 阅读 · 0 评论 -
css清除浮动
+.home-hot-video-ctn:after {765+ height:0;766+ clear:both;767+ content:".";768+ display:block;769+ visibility:hidden;770+}原创 2014-11-17 18:33:49 · 537 阅读 · 0 评论 -
css加载字体的跨域问题
刚才碰到一个css加载字体跨域问题,记录一下啊。站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com,而静态文件的域名为 st.domain.com。问题:页面中加载css文件:此css中调用了外部字体如下:@font-face { font-family: 'FontAwesome'; src: url('..原创 2014-12-28 15:33:42 · 4804 阅读 · 0 评论 -
overflow:auto;子元素浮动后父容器高度自适应问题
当一个父容器里面的子元素都浮动之后,子元素的高度将被忽略,所以父容器的高度不会被子元素撑高(除非另外设定高度),解决办法是给父容器添加如下规则:overflow:auto;这样就使父容器高度自适应。原创 2015-01-26 10:00:46 · 1902 阅读 · 0 评论 -
图标字体下线生成
网址:https://icomoon.io/app/#/select原创 2015-03-04 19:15:50 · 919 阅读 · 0 评论 -
瀑布流布局浅析
简介如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊?类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。这种布局适合于小数据块,每个数据块内容相近且没有侧转载 2015-03-05 14:32:19 · 560 阅读 · 0 评论 -
ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
sass文件编译时候使用ruby环境,无论是界面化的koala工具还是命令行模式的都无法通过,真是令人烦恼。容易出现中文注释时候无法编译通过,或者出现乱码,找了几天的解决方法终于解决了。这个问题的奇葩之处在于在xp环境中没有任何问题,只是在windows7环境中才出现的这个。sass编译时候出现如下错误的解决方法:Syntax error: Invalid GBK ch原创 2015-03-31 20:25:48 · 1129 阅读 · 0 评论 -
分享12款最佳的Bootstrap设计工具
设计师总会渴望有一些新奇有趣的设计工具来提高工作效率,而Bootstrap就是您的不二选择。2013年Bootstrap得到了广泛普及,它是开发者较为常用的框架之一,本文我们将分享12款最佳的Bootstrap设计工具,帮助你做出特别清爽同时又专业美观的页面。12.Bootstrap DesignerBootstrap Designer是一款在线运行工具,无需下载和安装转载 2014-03-14 09:55:55 · 2431 阅读 · 0 评论