随笔分类 -  css

该文被密码保护。
posted @ 2015-10-07 20:16 sunnyJun 阅读(1) 评论(0) 推荐(0)
摘要:浮动对标准流的影响 overflow检查内容 overflow隐藏一个大盒子,里面放着两个小盒子,这是典型的标准流的写法,这个父盒子可以不用指定高度,因为,小盒子可以给大盒子撑开,但是,如果这两个小盒子浮动了,脱离了标准流,浮起来,这时候,两个小盒... 阅读全文
posted @ 2015-09-23 23:12 sunnyJun 阅读(138) 评论(0) 推荐(0)
摘要:1. 外边距合并 不是bug 而是一个特性 (以最大的那个边距为准) 两个盒子是并列关系 两个盒子 父子级关系 1. border 2.overflow:hidden; 3. padding 盒子实体 (特殊情况下也可以使用)2. float (浮动) left right 标准... 阅读全文
posted @ 2015-09-23 23:01 sunnyJun 阅读(217) 评论(0) 推荐(0)
摘要:外边距合并外边距合并 浮动浮动导航栏 网址大全 电视剧 最新电影 网址大全 热门游戏 小游戏导航栏 百度一下 百度一下 百度一下 百度一下 百度一下 百度一下 ... 阅读全文
posted @ 2015-09-23 22:50 sunnyJun 阅读(126) 评论(0) 推荐(0)
摘要:1. box 盒子模型 css+ div p spancss+ xhtmlborder padding margin border:1px solid #f00;padding:20px padding:30px 5px;margin: 0 auto;margin:10px 30... 阅读全文
posted @ 2015-09-23 22:42 sunnyJun 阅读(158) 评论(0) 推荐(0)
摘要:盒子模型paddingpadding不会影响盒子大小的情况firebug清除内外边距123我的标题 测试 测试 山东鲁能 山穷水尽!传闻背后的申花 王大雷适 山穷水尽!传闻背后的申花 王大雷适 ... 阅读全文
posted @ 2015-09-23 22:34 sunnyJun 阅读(175) 评论(0) 推荐(0)
摘要:css的分类(位置): css层叠样式表 1.内嵌 样式表 2.行内样式表 3. 外连css选择器分类 基础选择器 标签 id选择器 类选择器 复合选择器 交集选择器(标签指定式) span.one 后代选择器 .one .two 并集选择器 (集体声明) .... 阅读全文
posted @ 2015-09-23 22:21 sunnyJun 阅读(197) 评论(0) 推荐(0)
摘要:标签指定式上海上海上海上海上海字体字体后代选择器 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxx 上海 xxxxxxxx并集选择器 上海 xxxx 上海 xxxx 上海 xxxx 上海... 阅读全文
posted @ 2015-09-23 22:09 sunnyJun 阅读(173) 评论(0) 推荐(0)
摘要:1.复合选择器复合选择器 一般会有几个标签混合使用 。把多个组合成一个 称之为复合 1.1标签指定式 复合选择器 (交集选择器) 格式: 标记选择器+ 类名/ID名称 { 属性:值;} 实际情况用的相对少。 但是 高手 会用的特别好。 加选 shift 减选 alt 交叉 shift+alt... 阅读全文
posted @ 2015-09-23 21:59 sunnyJun 阅读(173) 评论(0) 推荐(0)
摘要:css规范xxxxxxxxxxxxxxxxxxxxxxxxxxxx行内样式表xxxxxxxxxxxxxxxxxxxxxxxxxxxx内嵌样式表xxxxxxxxxxxxxxxxxxxxxxxxxxxx外部样式表--链接式xxxxxxxxxxxxxxxxxxxxxxxxxxxx显示模式123123abc... 阅读全文
posted @ 2015-09-23 21:39 sunnyJun 阅读(177) 评论(0) 推荐(0)
摘要:1.CSS 初步认识web 标准w3c结构 xhtml table p hr br td img a 表现 CSSCSS 最大的好处 就是让 结构和表现 实现了分离CSS 就是层叠样式表 所以我们为什么要学习CSS注意: 以后的代码标签的属性值,就全部放到 CSS里面了。2.CSS 语法... 阅读全文
posted @ 2015-09-06 23:35 sunnyJun 阅读(174) 评论(0) 推荐(0)
摘要:1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用html{-webkit-text-size-adjust:none;}2、-webkit-text-size-adjust放在body上会导致页面缩放失效3、body会继承定义在html的样式4... 阅读全文
posted @ 2015-09-05 23:28 sunnyJun 阅读(4685) 评论(0) 推荐(0)
摘要:word-break:break-all;这条语句的作用是让语句到达边界的时候自动换行,但是正是这个样式让标点符号跑到了行首。语法:word-break : normal | break-all | keep-all参数:normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break... 阅读全文
posted @ 2015-09-05 23:26 sunnyJun 阅读(6749) 评论(0) 推荐(0)
摘要:img { -webkit-touch-callout: none;} 阅读全文
posted @ 2015-08-17 10:42 sunnyJun 阅读(174) 评论(0) 推荐(0)
摘要:隐藏文本框阴影input, textarea{-webkit-appearance: @none;}取消手机点击屏幕时,会出现的灰块html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, ... 阅读全文
posted @ 2015-08-14 16:36 sunnyJun 阅读(393) 评论(0) 推荐(0)
摘要:View Code 阅读全文
posted @ 2015-08-14 16:10 sunnyJun 阅读(338) 评论(0) 推荐(0)