- 博客(24)
- 收藏
- 关注
原创 22.css定义width和height的大小
当给css添加样式padding的时候 这个盒模型的大小 等于 padding + width + border 如 :width:200px;padding:10px; 200+10 = 210; 如果给这个盒模型添加背景图片的话 他会充满整个盒模型 包括padding区域 这个时候要是想给这个盒模型里
2016-07-26 21:23:48 584
原创 21.当有个游戏需要倒计时
当有个游戏需要倒计时 你可以用下面代码 他有开关 可以 随意开关 var time = 30; var isPause = true; document.querySelectorAll("button")[0].onclick = function(){ isPause = false; }
2016-07-26 10:10:14 491
原创 20.当图片有宽度的时候,图片的高度会随着宽度成比例缩放!
当图片有宽度的时候,图片的高度会随着宽度成比例缩放! Document html,body { height:100%; } ul { width:100%; } li {
2016-07-21 20:04:33 1131
原创 19.被span包着的文字定义了属性的话,它不会受到父级定义属性的影响!
被span包着的文字定义了属性的话,它不会受到父级定义属性的影响! 定位的越准确,优先级越高!!!!! Document html,body { margin:0; height:100%; position: relative;
2016-07-21 20:03:54 291
原创 18.雪碧 网页小图片的使用,可以将它们设置到一张大图上,然后用背景距离调控他们出现的位置!
雪碧 网页小图片的使用,可以将它们设置到一张大图上,然后用背景距离调控他们出现的位置! Document div { width:475px; height:8px; background: url("radius.png") 0px -18
2016-07-21 19:59:11 373
原创 17.标题的SEO小技巧,可以隐藏文字 但是不影响文字的重要性!
标题的SEO小技巧,可以隐藏文字 但是不影响文字的重要性! Document #box h2 { width:0px; height:0px; font-size:0px; padding-left:200px;
2016-07-21 19:55:39 750
原创 16.对子集padding 对父级没有影响
对子集padding 对父级没有影响 但是子集宽度或者高度超过父级的边框时候 子集会直接出去 Document ul { margin: 10px auto; width: 200px; height: 200px;
2016-07-21 19:55:05 280
原创 15.行属性标签在包裹文字使用时,不需要设置宽高
行属性标签在使用时 不需要设置宽高,当需要左右调整的时候用margin, 字体的行距用line-height控制; asd span{ margin:100px; /*height: 50px;*/ line
2016-07-21 19:52:33 275
原创 14.text-indent:首行缩进他的范围在没有右边的时候是无限制的
text-indent:首行缩进他的范围在没有右边的时候是无限制的; 而右边框限制了文字或者图片在右边的排列, 当文字或者图片到达右边的时候他就会被挤入下一行! 所以设置宽,会排挤;设置高会溢出! asd
2016-07-21 19:48:30 416
原创 13.浮动:给子集加浮动父级的文字会被排挤出去;同样的效果兄弟集也一样试用!
浮动:给子集加浮动父级也会浮动, 父级的文字也会被排挤出去; 同样的效果兄弟集也一样试用! Document #box0 { height:30px; background: green;
2016-07-21 19:40:09 311
原创 12.当没有给父级设置高度的时候,子集的高度会加载到父级身上!
当没有给父级设置高度的时候, 子集的高度会加载到父级身上! asdasd ul li{ width: 100px; height: 100px; background: red; margin-bottom: 10px;
2016-07-21 19:26:45 1629
原创 11.css中的after命令
css中的after命令 :after 选择器在被选元素的内容后面插入内容。 请使用 content 属性来指定要插入的内容p:after{content:"- 台词";background-color:yellow;color:red;font-weight:bold;}
2016-07-21 19:20:46 509
原创 10.委类的标签使用方法;1.鼠标悬浮;2.增加内容
委类的标签使用方法; 1.鼠标悬浮;2.增加内容 Document p { margin:0; } div { width:400px; height:400px; backgr
2016-07-21 19:09:03 254
原创 9.当你需要插入一个可以连接的小图片时候
当你需要插入一个可以连接的小图片时候 需要引入一个a标签 它本身是行属性所以它不支持宽高,这时候你可以先定义这个小盒子为#(无) 然后通过padding来撑开这个小图片的宽,小图片就能显示出来了! 当然也可以使a标签变成一个块属性 asdasd a{
2016-07-21 17:07:00 264
原创 8.当行属性标签需要进行上下的移动时候
当行属性标签需要进行上下的移动时候 它本身不支持上下的padding和margin的,但是你可以在行属性标签外边加上一个同等大小的p属性标签就可以解决了,直接用padding-top解决! 当然把行属性变成块属性也可以。 asdasd span{ bac
2016-07-20 17:50:44 995
原创 6.块属性 子集默认宽度为父级的宽度
块属性 子集默认宽度为父级的宽度 子集默认宽度为父级的宽度 挺重要的知识点 asdasd ul li{ background: #ccc; line-height: 60px; height: 60px; margin-to
2016-07-20 17:38:37 683 1
原创 5.在p标签里不能嵌套所有快属性的标签
在p标签里不能嵌套所有快属性的标签 否则会被p标签排挤出去成为一个新的脱离P标签的 快属性 asdasd ul li{ background: #ccc; line-height: 60px; height: 60px;
2016-07-20 17:34:42 463 1
原创 4.文字在div垂直居中的方式
文字的盒子区域高度有两种定义方式一种在父级定义盒子高度用总高度,子集中ling-height用总高度除以行数得到,结果是文字居中 直接在子集中等于子集的高度 asdasd ul li{ background: #ccc; line-height: 60px;
2016-07-20 17:28:57 337
原创 3.单独的 body div p span 等标签定义成公共样式
单独的 body div p span 等标签定义成公共样式 私有样式用class和id 属性定义
2016-07-20 17:24:18 954
原创 2.兄弟之间的margin-top 和 margin-bottom 会叠压
兄弟之间的margin-top 和 margin-bottom 会叠压 所以当给兄弟之间上下排布控制距离的时候 只需要控制器中一个div即可 asd #a{ margin: 0 auto; width: 500px; height: 500px;
2016-07-20 17:14:14 2170
原创 1.第一个子级的margin top 会传递给父级
当给子集使用margin top属性的时候 若不想影响父级的解决办法1.给父级添加border;2.父级使用overflow:hidden;3.不要使用margin-top 用父级padding-top 温馨提示:注意盒子的空间
2016-07-20 16:46:58 937 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人