css
jojo999888
这个作者很懒,什么都没留下…
展开
-
css04小知识点
知识点无序列表去掉前面符号: list-style:none;快速形成列表: ul>li*9>a[#]{爱宠知识}原创 2017-07-20 15:56:24 · 272 阅读 · 0 评论 -
8.css可见性
overflow:hidden; 溢出隐藏visibility:hidden; 隐藏元素(隐藏之后还占据原来位置)display:none; 隐藏元素(隐藏之后不占据原来位置)display:block; 元素可见display:none 和display:block 常配合js使用。原创 2017-07-26 18:25:53 · 231 阅读 · 0 评论 -
7.规避脱离标准流的方法
尽量使用标准流<style type="text/css"> .father{ width:500px; height:500px; background:red; } .son{ width:100px; height:100px; background:green;原创 2017-07-26 18:04:14 · 512 阅读 · 0 评论 -
6.标签包含规范
div可以包含所有标签。p标签不能包含div h1等标签。(不能包含块元素更多包含行内元素)h1可以包含p,div等标签。行内元素尽量包含行内元素,行内元素不能包含块级元素。 -原创 2017-07-26 17:56:15 · 183 阅读 · 0 评论 -
5.定位盒子居中显示
在父盒子中居中显示 方法:margin:0 auto; 只能在标准流的盒子居中显示。定位的盒子居中显示:先向右走父盒子的一半50%(自左向右走),再向左走盒子的一半(margin-left:负值)<style tyle="text/css> .nav{ width:960px; height:60px; background:#66原创 2017-07-26 17:28:39 · 316 阅读 · 0 评论 -
4.元素定位
定位方向:left right top bottom position:static 静态定位(位置的默认值)<head> <style type="text/css"> .box{ width:300px; height:200px; background:red;原创 2017-07-25 18:31:00 · 243 阅读 · 0 评论 -
3.css初始化
意义:为了能兼容各个浏览器,使得内容在不同浏览器中打开的效果都一致。 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”,HELVETICA;原创 2017-07-25 18:11:50 · 199 阅读 · 0 评论 -
2.清除浮动
概念:当父级元素没有定义高度,并产生浮动时,下面的元素位置会产生影响,会变动到上面,所以要消除这种不利影响。方法:额外添加标签法:在最后一个浮动的元素后添加一个标签。<head> <style type="text/css"> .content{ width:300px; height:100px;原创 2017-07-25 17:24:16 · 271 阅读 · 0 评论 -
1.文档流(标准流)、浮动布局
文档流概念元素自上而下,自左而右,块元素独占一行,行内元素在一行显示,碰到父元素的边框换行。浮动布局(大盒子在同一行显示) float: left | right原创 2017-07-20 16:43:45 · 539 阅读 · 0 评论 -
9.内容文字移出
1.使用text-indent:-5000em;a{ display:inline-block; text-indent:-5000em; }2.隐藏.box{ width:300px; height:0; background:red; padding-top:100px; overflow:hidden;}原创 2017-07-26 18:41:41 · 167 阅读 · 0 评论