Community Learn Tools Library Leisure
search
English

Cascading styles

Cascading style

The code is as follows:

<!doctype html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>测试层叠性</title>
      <style type="text/css">
         div{
            color:red;
         }  
         div{
            background-color:yellow;
         }
         div{
            font-size:24px;
         }
         div{
            background-color:green;
         }
      </style>
   </head>
   <body>
      <div>这是一个div元素</div>
   </body>
</html>

The same attributes at the back will overwrite the previous ones .

The running results are as follows:

微信图片_20180314160949.png

Continuing Learning
||
<?php echo "层叠样式";
submitReset Code
Previous section Next Section
Tutorial List
get help
  • Course Recommendations
  • Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)  492409 plays