CSS知识点总结1

最新推荐文章于 2024-05-27 00:00:00 发布

曹学成

最新推荐文章于 2024-05-27 00:00:00 发布

阅读量153

点赞数

分类专栏：新闻系统

本文链接：https://blog.csdn.net/caoxuecheng001/article/details/80842901

版权

新闻系统专栏收录该内容

7 篇文章 0 订阅

订阅专栏

CSS在前端中用处很大。它能实现内容与样式的分离。以前的页面内容和样式都是在一块杂糅的，现在利用CSS很好的解决了这一问题。

在HTML中写

<body>
  <span id="special" class="menu"> 栏目一</span>
   <span class="menu">栏目二</span>
   <span class="menu">栏目三</span>



 <span class="menu" “niu”> 栏目四</span>
 <span class="menu"> 栏目五</span>
 <span class="menu"> 栏目六</span>

 <span class="title" ><span>这</span>是一个标题</span>
</body>

在head标记中把css拉进来，

<link href="CSS/StyleSheet1.css" rel="stylesheet" type="text/css" />

在CSS样式表中为他们设置样式。

.menu
{
    color:Red;/*文字颜色*/
   
    }
    .title
    {
        color:Blue;
    }
    .title  span {font-style:italic;  /*加个空格，代表子标签，对应的是HTML中的 “这”  */
                font-size:16px;
                color:Black;
                }
    /*#id名{}*/
    #special{font-weight:bold;}/*id选择器的设置方法*/
    .niu
        {
            font-size=30px;
            }
 .menu,.title/*连续两个标记用逗号隔开*/
    {
        background-color:Green;
        }

css选择优先级：ID选择器>类选择器>标签选择器

如果一点内容，同时有了两个类选择器(menu,niu)，设置有了冲突，CSS会有覆盖，后面设置的CSS会覆盖前面的。

曹学成

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
11
评论
CSS知识点总结1

CSS在前端中用处很大。它能实现内容与样式的分离。以前的页面内容和样式都是在一块杂糅的，现在利用CSS很好的解决了这一问题。在HTML中写&lt;body&gt; &lt;span id="special" class="menu"&gt; 栏目一&lt;/span&gt; &lt;span class="menu"&gt;栏目二&lt;/span&gt;
复制链接

扫一扫

专栏目录