首页 > 代码库 > css基础 选择器 id 设置样式 简单示例

css基础 选择器 id 设置样式 简单示例

 镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        /*id是单一的,不要重复使用*/
        /*id属性一般是给js用的,不要用来加样式,虽然加样式也可以*/
        #myh1{
            color:crimson;
        }
        #myp{
            background-color:darkolivegreen;
        }
    </style>
</head>
<body>
    <h1 id="myh1">道德经</h1>
    <h2 id="myh2">论语</h2>
    <p  id="myp">楞严经</p>
    <h1>大学</h1>
    <h3>黄帝内经</h3>
    <h2>墨子</h2>
    <!--多参考一些 成熟的大网站的网页-->
</body>
</html>

 



result:

技术分享

 



——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

css基础 选择器 id 设置样式 简单示例