CSS 行内样式 页内样式 外部样式_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:17:251285검색
行内标签:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><!--style="background-color: red;"--><body style="background-color: red;"><!--行内样式--> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <p style="font-size: 40px; color: yellow;">旭宝爱吃鱼</p> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div> <div style="font-size: 30px; color: red; background-color: green;">旭宝爱吃鱼</div></body></html>
图片
业内标签:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- css遵循一个规律: 1.就近原则 2.叠加原则 --> <style> div{ color: purple; font-size: 40px; background-color: yellowgreen; } p{ color: deeppink; font-size: 50px; } </style> <link href="css/index.css" rel="stylesheet"></head><body> <div style="color: hotpink; background-color: red;">旭宝爱吃鱼</div> <div>旭宝爱吃鱼</div> <div>旭宝爱吃鱼</div> <div>旭宝爱吃鱼</div> <div>旭宝爱吃鱼</div> <p>旭宝爱吃鱼</p> <p>旭宝爱吃鱼</p> <p>旭宝爱吃鱼</p> <p>旭宝爱吃鱼</p></body></html> 图片:
外部样式:
div{ color: brown; font-size: 50px;}p{ background-color: yellow; color: darkgreen; font-size: 39px;} 图片:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/index.css"></head><body> <div>旭宝爱吃鱼</div> <p>旭宝爱吃鱼</p></body></html>
图片:
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.