摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>块元素和行内元素之间的转换，overflow与visibility</title> <style> a{ width:100px; height:100px; b
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>float浮动定位</title> <style> div{ width:100px; height:100px; border:1px #000000 soli
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>绝对定位和固定定位</title> <style> body{ height:2000px;/*加上高度出现滚动条*/ } div{ width:100px; h
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <style> div{ width:100px; height:100px; } .div1{ background:red; } .
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>边框样式的设置</title> <style> div{ width:400px; height:400px; } .div1{ border-width:10p
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>div盒子模型</title> <style> *{ margin:0px; padding:0px; } /*为了能兼容其它的设备，前端人员会把见到的所有元素写
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS修饰表格</title> <style> table{ text-align:center;/*文字的居中全部用text-align*/ table-lay
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>固定背景图片</title> <style> div{ background-image:url("3.jpg"); width:100%;/*盒子宽度全部占满*
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css设置背景颜色和处理背景图片样式</title> <style> div{ width:1000px; height:500px;/*没有宽高不能加背景图片*
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css定义图片的样式</title> <style> #box{ width:500px;/*给div盒子的宽度*/ height:600px;/*给div盒子的
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>针对链接的CSS样式</title> <style> :link{ /*a:link网站未被访问时的样式，这里的a标签可以不写，因为link只针对a标签，下面两个
阅读全文
摘要：在html中引入css样式有： 1、内联样式，例如 <body> <div style="width:100px;height:100px;background:red;></div> </body> 2、内部样式，例如 <head> <meta charset="UTF-8"> <title>cs
阅读全文
浙公网安备 33010602011771号