美文网首页网页前端后台技巧(CSS+HTML)
Day.01.02 css之类选择器的简单案例

Day.01.02 css之类选择器的简单案例

作者: 挂树上的骷髅怪 | 来源:发表于2017-01-02 15:05 被阅读6次
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 类选择器 </title>
    <style type="text/css">
    /*基本语法
    .类选择器名称{
        css属性:属性值;
    }
    补充:选择器名称命名规范:小写字母 .xxx-yyy{}
    */
        .span-news{
            font-weight:bold;/*粗体*/
            background-color:pink;
            color:black;
        }
    </style>
 </head>
 <body>
    <span class="span-news">标题一</span>
    <span class="span-news">标题一</span>
    <span class="span-news">标题一</span>
    <span class="span-news">标题一</span>
    <span class="span-news">标题一</span>
 </body>
</html>

相关文章

  • Day.01.02 css之类选择器的简单案例

  • Day.01.02 css之id选择器简单案例

    细节:1.一般来说id选择器提供给某一个html元素来使用2.当我们不确定,有多个html元素来使用该样式时,使用...

  • BeautifulSoup包

    案例1节点选择器 案例2CSS选择器 关联选择

  • CSS选择器

    css选择器 CSS选择器可以简单分为三类:简单选择器、伪元素选择器、组合选择器 简单选择器 标签选择器 标签选择...

  • 07-过滤选择器-属性

    过滤选择器-属性 属性过滤选择器 案例根据不同的 a链接添加不同的图标背景 html js css

  • 05- jQuery 基本选择器&层次选择器

    jQuery 基本选择器&层次选择器 作者:曾庆林 jQuery选择器的优势 写法简单 支持CSS1至CSS3选择...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • 10.CSS选择器-基础选择器

    一、CSS选择器 1.1 CSS选择器的作用 选择器(选择符)的作用就是根据不同需求把不同的标签选出来。简单来说,...

  • 关于css的一些简单样式

    关于css的一些简单样式 一、css选择器选择器名称{ 样式名:样式值 } 1)加入id属性css中写#i...

  • CSS 之 选择器

    CSS的常见选择器 一、简单选择器 Simple Selectors 二、属性选择器 Attribute Sele...

网友评论

    本文标题:Day.01.02 css之类选择器的简单案例

    本文链接:https://www.haomeiwen.com/subject/hymwvttx.html