在国庆长假马上结束时,分享一篇关于 css定位的博文,收回你的玩心,开始工作了. css 中的定位是一个重点,也是难点,之前有一篇专门探讨 css中position定位的问题 达到的效果 如果你够细心的话,你会发现我的博客列表也和博文详情页右侧侧边栏有变化 之前侧边栏是跟随滚动条移动的,当右侧内容不足时,会看到一片空白,体验不好 所以我希望,当滚到到右侧无内容填补时,指点的模块能做一个固定定位,漂浮在顶部右侧,不再跟随滚动条移动 简单说,当右侧侧边栏有内容时,跟随滚动条上下移动 当滚动到右侧无内容时,最小边的模块一直漂浮在右上角,如下图 入群讨论 和 订阅公众号 模块始终

css3 响应式布局学习 响应式:就是根据不同设备,或者设备不同分辨率,动态给出对应的样式变化 响应不同的设备 涉及到 css 中的 Media Queries ,这个词组被译为 "媒体查询" Media Queries 用法如下: <link href="css/main.css" rel="stylesheet" type="text/css" media="screen" /> 或者另外一种引入css 文件的方法 <style type="text/css" media="screen"> @import url("css/sty

记录规整一些 关于CSS 处理中文 /英文 折行/不折行 省略 等问题. 这些问题涉及到了几个css 属性,简单记录一下,以备以后碰到 涉及到控制上面提到的问题,必须注意一点,你的容器设定了固定的宽度 英文字母换行,只对英文字母起作用,如果是单词,可能一个单词被拦腰折断 word-break:break-all; word-break语法： word-break: normal(默认) | break-all | keep-all Firefox、Opera不能识别 normal: 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行。 break-all: 该行为与亚洲语言的

传统的页面制作中,当你遇到css2 的时候,如何来显示一张背景图呢?拉伸 (无节操的拉伸,容器长宽完全超出背景图的长宽)重复展示(用无数张同样的图片来铺满容器的背景面积)x轴 /y轴 重复展示(纵向拉伸不重复 / 横向拉伸不重复 )background-repeat 这个货看下它的值:repeat 默认。背景图像将在垂直方向和水平方向重复。repeat-x 背景图像将在水平方向重复。repeat-y 背景图像将在垂直方向重复。no-repeat 背景图像将仅显示一次(无节操拉伸)。inherit 规定应该从父元素继承 background-repeat 属性的设置。很明显,上面的 css2 满

Sublime Text以其轻巧,漂亮和强大的功能被广大程序员所喜爱,完善的插件,代码缩略图,多窗口切换等,真是不可多得的一款跨平台编辑器.Sublime Text 2是一款共享软件，免费和收费的差别仅仅是偶尔会跳出一个购买弹出框.插件安装要使用Package Control组:在线安装方法按Ctrl+`调出console粘贴以下代码到底部命令行并回车：importurllib2,os;pf='PackageControl.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos