随笔分类 -  css

1 2 下一页
属性选择器
摘要： 阅读全文
posted @ 2019-02-10 20:02 6+0 阅读(118) 评论(0) 推荐(0)
精灵图
摘要： 阅读全文
posted @ 2019-02-10 19:56 6+0 阅读(87) 评论(0) 推荐(0)
css可见性
摘要：overflow：hidden； 溢出隐藏 visibility：hidden； 隐藏元素，隐藏之后还占据原来的位置 display：none； 隐藏元素，隐藏之后不占据原来的位置 display：block； 元素可见 display：none；和display：block；长配合js使用 阅读全文
posted @ 2019-02-10 19:55 6+0 阅读(182) 评论(0) 推荐(0)
内容移除
摘要： 阅读全文
posted @ 2019-02-10 19:50 6+0 阅读(124) 评论(0) 推荐(0)
图片和文字垂直居中对齐
摘要： 阅读全文
posted @ 2019-02-10 19:49 6+0 阅读(397) 评论(0) 推荐(0)
盒子居中
摘要：1、未脱标 margin：0 auto； 2、脱标（absolute、fixed） left：50%； margin-left：width/2； 阅读全文
posted @ 2019-02-08 23:45 6+0 阅读(121) 评论(0) 推荐(0)
图片居中
摘要：图片是行内块元素 1、把行内块转换为块级元素 2、给图片加父盒子，使父盒子居中 阅读全文
posted @ 2019-02-07 22:58 6+0 阅读(202) 评论(0) 推荐(0)
overflow
摘要： 阅读全文
posted @ 2018-10-02 16:04 6+0 阅读(201) 评论(0) 推荐(0)
css初始化
摘要：腾讯： body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVET 阅读全文
posted @ 2018-10-02 15:53 6+0 阅读(150) 评论(0) 推荐(0)
常用颜色
摘要：浅灰： #eee 阅读全文
posted @ 2018-10-01 18:20 6+0 阅读(113) 评论(0) 推荐(0)
css三大布局
摘要：标准流： 从左到右，从上到下块级元素独占一行，行内元素碰到父盒子边缘换行 浮动： 特点 1 元素浮动之后不占据原来的位置（脱标），变成立体，下面可以有东西，只影响下面的 2 浮动的盒子在一行上显示 3 行内元素浮动之后转换为行内块元素（可以定义宽高）。（不推荐使用，转行内元素最好使用display: 阅读全文
posted @ 2018-10-01 18:19 6+0 阅读(488) 评论(0) 推荐(0)
盒子宽度
摘要：盒子宽度=border-width+padding+width 阅读全文
posted @ 2018-09-30 12:28 6+0 阅读(144) 评论(0) 推荐(0)
嵌套的盒子外边距塌陷
摘要：解决方法: 1 给父盒子设置边框 2 给父盒子overflow:hidden; bfc 格式化上下文 http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html 阅读全文
posted @ 2018-09-30 12:27 6+0 阅读(304) 评论(0) 推荐(0)
伪类（不一定是链接）
摘要：a:visited{属性:值;} 链接访问之后的状态（使用时写在其他伪类的前面） a:link{属性:值;} 链接默认状态 a:hover{属性:值;} 鼠标放到链接上显示的状态 a:active{属性:值;} 链接激活的状态(鼠标按下) a:focus{属性:值;} 获取焦点 阅读全文
posted @ 2018-09-30 10:49 6+0 阅读(211) 评论(0) 推荐(0)
css三大特性
摘要：层叠性： 当多个样式（样式的优先级相同）作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。 继承性： 文字的大多属性都可以继承，除了h系列的大小以及a的颜色不可以 优先性： 默认样式<标签选择器<类选择器<id选择器<行内样式 阅读全文
posted @ 2018-09-30 10:37 6+0 阅读(135) 评论(0) 推荐(0)
css选择器
摘要：常用 id选择器 类选择器 标签选择器 后代选择器：后代选择器作用于父元素下面的所有子元素 多元素选择器：选择多个元素的时侯，用逗号隔开 不常用 子代选择器：(>) 只能作用于子元素，不能作用于孙元素 > 相邻选择器：可以选择紧跟其后的相邻元素,注意：相邻选择器用＋号来连接 属性选择器： E[att 阅读全文
posted @ 2018-09-29 10:56 6+0 阅读(107) 评论(0) 推荐(0)
边框属性
摘要：border­width 设置4边框的宽度 border­style设置4边框样式 none 无边框 solid 直线边框 dashed 虚线边框 dotted 点状边框 double 双线边框 border­color 设置边框颜色 border简写 border:1px solid red; b 阅读全文
posted @ 2018-09-29 10:34 6+0 阅读(131) 评论(0) 推荐(0)
背景属性
摘要：背景颜色 background­color 背景图片background‐image:url(图片路径) 背景重复background‐repeat:repeat‐x|repeat‐y|no‐repeat; 背景位置 background‐position:x y; /*xy分别代表x轴位置和y轴位 阅读全文
posted @ 2018-09-29 10:29 6+0 阅读(118) 评论(0) 推荐(0)
文本属性
摘要：text-­align,横行排列，值：center 居中，left靠左，right 靠右 text-­indent 首行缩进 text-decoration line­-height 文本行高(只可以让一行文本居中) letter-­spacing 字符间距 阅读全文
posted @ 2018-09-29 10:25 6+0 阅读(133) 评论(0) 推荐(0)
字体属性
摘要：font­weight:normal;normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细) color 设置字体颜色 阅读全文
posted @ 2018-09-29 10:19 6+0 阅读(123) 评论(0) 推荐(0)

1 2 下一页