html005_style

来源：互联网发布：ubuntu和linux 编辑：程序博客网时间：2024/06/06 01:23

<!DOCTYPE html><html><head><meta charset="utf-8"><title>devZhang_html</title><!-- 样式设置 --><!--<style type="text/css">body {background-color:green;}hr {color:red;}p {color:blue;background-color:yellow;}</style>--><!-- 样式外链接引用 --><link rel="stylesheet" type="text/css" href="html005_style.css"></head><body><hr><p>样式设置</p><hr><div><br><br><p>外部引用样式设置</p><br><p class="uppercase">另类设置样式引用devZhang from meizhou</p><br><br></div><br><div style="background-color:red;width:100px;height:100px;bottom:200px"><p>自带引用样式设置</p></div><hr><!-- 没有下划线的链接 --><a href="http://www.hao123.com/" style="text-decoration:none;">访问 hao123</a></body></html>

<style>/*http://www.runoob.com/css/css-examples.html长度单位包括相对、绝对单位；长度为0时，可以省略单位；长度可以为负数；相对单位：即指定了一个长度相对于另一个长度的属性；对于不同的设备更适合使用相对单位。em：相对于应用在当前元素的字体尺寸，一般浏览器字体大小默认为16px，即2em == 32pxex：依赖于英文字母小xch：数字0的宽度rem：根元素html的font-sizevw：view point width，视窗宽度，1vw = 视窗宽度的1%vh：view point height，视窗高度，1vh = 视窗高度的1%vmin：vw和vh中较小的那个vmax：vw和vh中较大的那个绝对单位：是一个固定的值，它反应一个真实的物理尺寸；不依赖于任何的物理设备。cm：厘米mm：毫米in：英寸，1in = 96px = 2.54cmpx：像素，1px = 1/96inpt：point，大约1/72inpc：pica，大约6pt，1pc = 12pt，1pc = 1/6in*/h1{background-color:#6495ed;}p{background-color:#e0ffff;color:red;}/*另类样式设置写法引用时，使用class属性，如<p class="uppercase">*/p.uppercase{text-transform:uppercase;}/*链接元素样式设置方法1：a.link{}，或a.visited{}等，单个设置方法2：a:link, a:visited{}等，两个或多个设置*/a.link{/*未访问链接*/color:#FF0000;text-decoration:none;background-color:#B2FF99;font-size:100%;}a.visited{/*已访问链接*/color:#00FF00;text-decoration:none;background-color:#FFFF85;font-size:120%;}a.hover{/*鼠标移动到链接上*/color:#FF00FF;text-decoration:underline;background-color:#FF704D;font-size:150%;}a.active{/*鼠标点击链接*/color:#0000FF;text-decoration:underline;background-color:#FF704D;font-size:150%;}div{/* 背景设置 */background-image:url('image.jpg');background-repeat:no-repeat;background-position:letf top;background-attachment:fixed;margin-left:10pxmargin-top:10px/* 背景颜色设置 */background-color:gray;/* 边距，边框设置*/padding:20px;opacity:0.5;position:absolute;left:50px;width:300px;height:150px;border-radius:10px;border:10px solid #EE872A;/*文本设置*/text-decoration:none; /*字体线条：none无线条；overline顶端显示；line-through删除线显示；underline下划线显示*/text-transform:uppercase; /*uppercase大写；lowercase小写；capitalize首字母大写*/text-align:center; /*字体对齐*/color:green; /*字体颜色*/text-indent:20px; /*字体缩进*/letter-spacing:2px; /*字符之间的间隔*/line-height:70%; /*行之间的间隔*/direction:rtl; /*元素的文本方向*/word-spacing:30px; /*单词之间的间隔*/white-space:nowrap; /*元素的禁用文字换行*/vertical-align:text-bottom; /*图片元素的文本垂直位置*//* 字体设置 */font-family:verdana; /*文本字体*/font-size:15px; /*字体大小，或100%，200%*/font-style:italic; /*字体样式，如正常，或斜体等*/font-weight:bold; /*字体粗细*/font-size:15px; /*字体大小*/font-variant:small-caps; /*字体的异体*/}</style>

0 0