摘要：
基本的选择器 子元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>子元素选择器</title> <!--我们也可以称它为直接后代选择器--> <style type="text/css"> #wra 阅读全文
posted @ 2019-10-30 11:03
distant-遥远
阅读(146)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #wrap{ height: 400px; width: 400px; border: 1px solid ; margin: 0 auto; text-al 阅读全文
posted @ 2019-10-28 17:05
distant-遥远
阅读(2683)
评论(0)
推荐(0)
摘要：
2 已经知道块元素的高宽垂直方案 3 <!--已知高度的元素水平垂直居中方案--> <!-- 绝对定位盒子的特性 高宽有内容撑开 水平方向上： left + right + width + padding + margin = 包含块padding区域的尺寸 0 0 100 0 0 400 垂直方向 阅读全文
posted @ 2019-10-28 15:31
distant-遥远
阅读(1046)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <title></ 阅读全文
posted @ 2019-10-28 13:10
distant-遥远
阅读(260)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html{ overflow: hidden; height: 100%; } body{ overflow: auto; height: 100%; } # 阅读全文
posted @ 2019-10-28 12:29
distant-遥远
阅读(385)
评论(0)
推荐(0)
摘要：
<!--两组实现的对比: 1.俩种布局方式都是把主列放在文档流最前面，使主列优先加载。 2.两种布局方式在实现上也有相同之处，都是让三列浮动，然后通过负外边距形成三列布局。 3.两种布局方式的不同之处在于如何处理中间主列的位置： 圣杯布局是利用父容器的左、右内边距+两个从列相对定位； 双飞翼布局是把 阅读全文
posted @ 2019-10-28 12:21
distant-遥远
阅读(358)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>伪等高布局</title><style type="text/css">*{margin:0;padding:0;}#wrap{width:750px;border: 1px soli 阅读全文
posted @ 2019-10-28 09:33
distant-遥远
阅读(329)
评论(0)
推荐(0)
摘要：
三列布局 1一 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 三列布局2二 1.两边固定 当中自适应 2.当中列要完整显示 阅读全文
posted @ 2019-10-27 17:09
distant-遥远
阅读(1331)
评论(0)
推荐(0)
摘要：
1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 浮动: 搭建完整的布局框架 margin 为赋值:调整旁边两列的位置(使三列布局到一行上) 使用相对定位:调整旁边两列的位置（使两列位置调整到两头） 中间加入无限增高 <!-- 1.两边固定 当中自适应 2.当中列要完整显示 3. 阅读全文
posted @ 2019-10-27 17:00
distant-遥远
阅读(704)
评论(0)
推荐(0)
摘要：
在IE6中对图片格式png24支持度不高， 如果使用的图片格式是png24，则会导致透明效果无法正常显示 解决方法： 1.可以使用png8来代替png24，即可解决问题， 但是使用png8代替png24以后，图片的清晰图会有所下降 2.使用JavaScript来解决该问题，需要向页面中引入一个外部的 阅读全文
posted @ 2019-10-25 16:23
distant-遥远
阅读(266)
评论(0)
推荐(0)
浙公网安备 33010602011771号