摘要：要点1：浮动元素让父元素高度塌陷。 但是下方的元素会和浮动元素完全重合，只是重叠的地方要让开。 要点2： 下面浮动元素
阅读全文
随笔分类 - CSS
摘要：从这篇开始写一些关于CSS的东西，是一个非常长的长篇首先要解决一个问题，就是字体的尺寸，代码如下： <div> <span style="font-size:100px;background-color: violet">abcedfghijx</span> </div> 字体设为100px，按照一
阅读全文
摘要：GBK编码范围：8140－FEFE，汉字编码范围见第二节：码位分配及顺序。 GBK编码，是对GB2312编码的扩展，因此完全兼容GB2312-80标准。GBK编码依然采用双字节编码方案，其编码范围：8140－FEFE，剔除xx7F码位，共23940个码位。共收录汉字和图形符号21886个，其中汉字（
阅读全文
摘要：本文导读：“行高“指一行文子的高度，具体来说是指两行文子间基线间的距离。在CSS，line-height被用来控制行与行之间的垂直距离。line-height 属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。所有浏览器都支持 line-height 属
阅读全文
摘要：字体大小在浏览器的默认样式表中有规定。一般采用em为单位，也就是相对单位，1em=16像素。 同时，像P h1等等标签都采用浏览器默认的em单位，P为1em，h1为2em等等。 两条重要的规则： 1.font-size是一个例外，它以父元素的大小做为相对来计算 2.除了font-size之外，其余的
阅读全文
摘要：这种弹出菜单非常有意思，也有记录的意义，甚至可以说，掌握了这种弹出菜单，基本上CSS掌握的差不多。 主要涉及下面三个重要知识： 一 继承 继承就是指子元素继承祖先的样式，但可以重写进行覆盖。 二 定位 如果想进行绝对定位，必须先进行相对定位，这些知识都已经形成功能式。 三 子选择符 标签1>标签2
阅读全文
摘要：分析： 两列的模式，两列都采用绝对定位方式。 这个框架的问题是：只知道一个层的宽度如何定位？ 假如只规定右边层的宽度，左边如何定位呢？ 比如说，规定右边的宽度为300px，则左边不用计算，只是采用离右距离： 这样右边的空间足够存放300px。
阅读全文
摘要：这个系列是学习笔记，简明记录结论性的知识。 新建一个层时，border为零，margin为0，padding为0，如果不指定宽度（width），则自动100%填充父元素。 三、层与父元素的关系 1. 举例，直接建立一个新层div1，则它的父元素就是body，当给新层添加内外补白或边框等等时，body
阅读全文
摘要：<title>无标题文档</title> <style type="text/css"> /*方法一：使用一个GIF文件的方法*/ .gifshadow { padding:4px 10px 10px 4px; border:0; border-top:#eee 1px solid; border-
阅读全文
摘要：前记：CSS样式核心就是DIV布局，一些基础知识省略不记，接下来的日志只关注最核心的布局问题。 一、一列布局 1.固定宽高 直接声明宽高，或用百分比表示。 2.固定宽高，居中 注：auto让浏览器自动检测边距达到居中目的。 问题1：内容溢出 假如宽高固定，当div内的内容超出层的容纳范围时，会产生溢
阅读全文
