css学习Day01
<h1 id="css学习day01">css学习Day01</h1><p>css语法</p>
<p>选择器{</p>
<p> 声明1；</p>
<p> 声明2；</p>
<p> 声明3；</p>
<p>}</p>
<h2 id="一css四种导入方式">一、css四种导入方式</h2>
<ul>
<li>
<p>行内样式</p>
<pre><code class="language-html"><h1 style="color:red">
标题
</h1>
</code></pre>
</li>
<li>
<p>内部样式</p>
<pre><code class="language-html"><head>
<style>
h1{
color:green
}
</style>
</head>
</code></pre>
</li>
<li>
<p>外部样式</p>
<p>链接式：</p>
<pre><code class="language-html"><link rel="stylesheet" href="css文件地址">
</code></pre>
<p><strong><font color="red">优先级：就近原则（谁离元素更近用谁的）</font></strong></p>
<p>拓展：</p>
</li>
<li>
<p>外部样式（2）</p>
<p>导入式（css2.1版本，不建议使用，在大网页时会出现先出现骨架再出现渲染）：</p>
<pre><code class="language-html"><head>
<style>
@import url("css地址")
</style>
</head>
</code></pre>
</li>
</ul>
<h2 id="二选择器">二、选择器</h2>
<p>作用：选择页面上的某一个元素</p>
<ul>
<li>
<p>标签选择器</p>
<pre><code class="language-html"><head>
<style> h1{
color="red"
}</style>
</head>
<body>
<h1>
标题
</h1>
</body>
</code></pre>
</li>
<li>
<p>类选择器</p>
<p>好处：可以多个标签归类，时同一个class，可以复用</p>
<pre><code class="language-html"><head>
<style><!--类名可以随意取-->
.class{
}
</style>
</head>
<body>
<h1 class="类名">
标题
</h1>
</body>
</code></pre>
</li>
<li>
<p>id选择器</p>
<p>（id必须保证全局唯一！不可复用）</p>
<pre><code class="language-html"><head>
<style>
#id名称{
}
</style>
</head>
<body>
<h1 id="">
标题
</h1>
</body>
</code></pre>
<p><strong><font color="red">优先级：id选择器>class选择器>id选择器</font></strong></p>
</li>
</ul><br><br>
来源：https://www.cnblogs.com/swz20020720/p/17573762.html
頁:
[1]