HTML样式表，选择器

样式表

复制代码
<style type="text/css">
<!--p
{
    <!--改变所有p标签 -->
    font-size:36px;
    color:#900;
    background-color:#6FF} -->
</style>
<link href="Untitled-3.css" rel="stylesheet" type="text/css" />引用
</head>
内联样式表
<div class="qq">div层标签<p>，默认占用一行</p></div>
<span style="background-color:#3F0">span层标签，默认使用多少占用多少
<p class="qq">今天天气不错</p><p id="qq">12345</p>
<a href="http://www.360.com">360官网</a>
<body>
</body>
</html>
View Code
复制代码

内嵌样式表<p></p>

 

 

外部样式表Css类

复制代码
@charset "utf-8";
/* CSS Document */

<style>
*{针对所有标签起作用，
    margin:0px;
    padding:0px;}
.qq 
{
    color:#CF0;
    background-color:#600;}
    .qq p
{
    color:#999;
    background-color:#600;}
    #qq{
        color:#CF0;
        background-color:#90C;
        text-decoration:none;
        font-size:36px}
a:link
{
    color:#000;
    text-decoration:none;}
a:visited{
    color:#000;
    text-decoration:none;}
a:hover{
    color:#F00;
    text-decoration:underline;}
a:active{
    color:#FF0;
    text-decoration:underline;}
</style>
View Code
复制代码
 

选择器

1、标签选择器。<p></p>。

2、class选择器。.开头

3、ID选择器。#开头

　　<div id="样式名"><>

posted @   百事没事  阅读(175)  评论(0)  编辑  收藏  举报
编辑推荐：
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
AI IDE Trae