HTML (css样式规范)必看篇

2020-04-17 08:21:44易采站长站整理

  
<html lang="en">  
  
<head>  
  
       <meta charset="UTF-8">  
  
       <title>Title</title>  
  
       <style type="text/css">  
  
        /*ID选择器*/  
  
        /*ID唯一标识符的意思,设计的目的就是让id唯一性*/  
  
        #box{width: 200px;height: 50px;background-color: bisque}  
  
        #boy,#boy1,#boy2{width: 200px;height: 50px;background-color: bisque;  
  
        border: 2px seagreen solid}  
  
        #gil,.doc{width: 200px;height: 50px;background-color: bisque;  
  
        border: 2px seagreen solid}  
  
        /*设置多个共享一个参数*/  
  
   
  
    </style>  
  
   
  
</head>  
  
<body>  
  
    <div id="gil"></div>  
  
    <div class="doc"></div>  
  
    <div class="doc"></div>  
  
   
  
</body>  
  
</html>  

样式结果

标签名选择器

用到多个标签使用相同的属性,可以写成选择器。方面下面所有用到这个标签时共有这个属性

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Title</title>  
    <style type="text/css">  
        /*标签名  选择器*/