块元素和行内元素之间的转换,overflow与visibility

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>块元素和行内元素之间的转换,overflow与visibility</title> <style> a{ width:100px; height:100px; b 阅读全文
posted @ 2017-07-14 12:50 奔妈妈 阅读(99) 评论(0) 推荐(0) 编辑

float浮动定位

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>float浮动定位</title> <style> div{ width:100px; height:100px; border:1px #000000 soli 阅读全文
posted @ 2017-07-14 12:48 奔妈妈 阅读(93) 评论(0) 推荐(0) 编辑

绝对定位和固定定位

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>绝对定位和固定定位</title> <style> body{ height:2000px;/*加上高度出现滚动条*/ } div{ width:100px; h 阅读全文
posted @ 2017-07-14 12:47 奔妈妈 阅读(277) 评论(0) 推荐(0) 编辑

相对定位

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <style> div{ width:100px; height:100px; } .div1{ background:red; } . 阅读全文
posted @ 2017-07-14 12:45 奔妈妈 阅读(81) 评论(0) 推荐(0) 编辑

边框样式的设置

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>边框样式的设置</title> <style> div{ width:400px; height:400px; } .div1{ border-width:10p 阅读全文
posted @ 2017-07-12 13:45 奔妈妈 阅读(164) 评论(0) 推荐(0) 编辑

div盒子模型

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>div盒子模型</title> <style> *{ margin:0px; padding:0px; } /*为了能兼容其它的设备,前端人员会把见到的所有元素写 阅读全文
posted @ 2017-07-12 13:44 奔妈妈 阅读(218) 评论(0) 推荐(0) 编辑

CSS修饰表格

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS修饰表格</title> <style> table{ text-align:center;/*文字的居中全部用text-align*/ table-lay 阅读全文
posted @ 2017-07-12 13:42 奔妈妈 阅读(222) 评论(0) 推荐(0) 编辑

固定背景图片

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>固定背景图片</title> <style> div{ background-image:url("3.jpg"); width:100%;/*盒子宽度全部占满* 阅读全文
posted @ 2017-07-12 13:41 奔妈妈 阅读(120) 评论(0) 推荐(0) 编辑

css设置背景颜色和处理背景图片样式

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css设置背景颜色和处理背景图片样式</title> <style> div{ width:1000px; height:500px;/*没有宽高不能加背景图片* 阅读全文
posted @ 2017-07-12 13:40 奔妈妈 阅读(560) 评论(0) 推荐(0) 编辑

定义图片的样式

摘要: <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css定义图片的样式</title> <style> #box{ width:500px;/*给div盒子的宽度*/ height:600px;/*给div盒子的 阅读全文
posted @ 2017-07-12 13:38 奔妈妈 阅读(133) 评论(0) 推荐(0) 编辑