随笔分类 -  css

BFC
摘要：BFC（Block formatting context）块级格式化上下文，是一个独立的渲染区域。 一、如何触发BFC： 1、根元素（html）; 2、设置float除none意外的值（left ,right）; 3、设置overflow 除visible 以外的值（hidden,auto,srol 阅读全文
posted @ 2019-05-13 19:41 壹叶知秋 阅读(335) 评论(0) 推荐(0)
前端之CSS常见兼容性问题
摘要：1、双倍浮动BUG： 描述：块状元素设置了float属性后，又设置了横向的margin值，在IE6下显示的margin值要比设置的值大； 解决方案：给float的元素添加 display:inline;将其转换为内联元素； 2、表单元素行高不一致： 解决方案： ①、给表单元素添加vertical-a 阅读全文
posted @ 2019-05-12 09:41 壹叶知秋 阅读(4332) 评论(0) 推荐(0)
前端之css（宽高）设置小技巧
摘要：一、css宽高自适应： 1.宽度自适应： 元素宽度设为100%（块状元素的默认宽度为100%） 注：应用在通栏效果中 2.高度自适应： height:auto;或者不设置高度 3.最小，最大高度，最小，最大宽度： a)最小高度 min-height:value; IE6不识别min-height属性 阅读全文
posted @ 2019-05-11 20:09 壹叶知秋 阅读(7949) 评论(0) 推荐(0)
前端之CSS布局模型
摘要：一、css布局模型： 流动模型（Flow） 浮动模型（Float） 层模型（Layer） 1、流动模型： 页面在没有设置任何css样式，元素按照本身的特性在浏览器中显示，这样的布局模型称为流动模型； 2、浮动模型： ①.浮动属性 float:none(默认值，不浮动)|left(左浮动)|right 阅读全文
posted @ 2019-05-11 19:43 壹叶知秋 阅读(639) 评论(0) 推荐(0)
前端之CSS盒模型介绍
摘要：css盒模型 css盒模型是css的基石,盒模型由content(主体内容),padding(补白，填充),border(边框),margin(外间距); 1.content： width:数值+单位; 主体内容的宽度 height:数值+单位; 主体内容的高度 2.padding(补白或填充)： 阅读全文
posted @ 2019-05-11 19:16 壹叶知秋 阅读(238) 评论(0) 推荐(0)
前端之CSS列表及背景类属性
摘要：一、列表类属性： 1.列表符号样式： list-style-type:disc(实心圆)|circle(空心圆)|square(实心方块)|decimal(数字)|none(去掉列表符号样式); 2.使用图片作为列表符号： list-style-image:url(图片路径); 3.列表符号位置： 阅读全文
posted @ 2019-05-11 19:09 壹叶知秋 阅读(577) 评论(0) 推荐(0)
前端之CSS字体和文本类属性
摘要：一、字体类属性： 1.字体类型： font-family:字体1,字体2,字体3; 常用写法： font-family:"微软雅黑",Arial; 注：a) 多个字体之间用逗号分隔； b）中文字体要放在双引号中，英文字体由多个单词组成时也要加双引号； c) 浏览器优先识别字体1，如果找不到字体1，识 阅读全文
posted @ 2019-05-11 11:17 壹叶知秋 阅读(1007) 评论(0) 推荐(1)
前端之CSS语法及选择器
摘要：一、css语法： css由两大部分组成：选择符和声明,声明由属性和属性值两部分组成; 选择符{属性:属性值;属性:属性值;} 注: a) 属性和属性值之间用冒号连接； b）每条声明结束要加分号； 二、css选择器： 1.id选择器： 语法： <标记 id="id名"></标记> #id名{属性:属性 阅读全文
posted @ 2019-05-10 19:34 壹叶知秋 阅读(526) 评论(0) 推荐(1)
前端之CSS创建的样式
摘要：CSS即层叠样式表，在创建时有以下几种样式： 1.内联样式（行内样式、行间样式）： <标记 style=“属性：属性值；”></标记> 2.内部样式（嵌入式样式）： <style type="text/css"> < 一般放置在head部分 选择器{ 属性：属性值； 属性：属性值； } </styl 阅读全文
posted @ 2019-05-10 19:23 壹叶知秋 阅读(439) 评论(0) 推荐(1)