Css3选择器的讲解

2,选择器

作用:选择页面上的某一个或者某一类元素

2.1,基本选择器
  1. 标签选择器

    
    <html lang="en">
    <head><meta charset="UTF-8"><title>Titletitle><style type="text/css">/*标签选择器,会选择到这个页面上所有的这个标签的元素 */h1{color: #677780;}p{font-family: arial,tahoma,宋体;color: #9f2222;line-height: 27px;font-size: 80px;background: #677780;border-radius: 15px;}style>
    head><body>
    <h1>内部样式h1>
    <h1>内部样式h1>
    <p>行内样式p>body>
    html>
    
  2. 类 选择器 class

    
    <html lang="en">
    <head><meta charset="UTF-8"><title>Titletitle><style type="text/css">/*类选择器的格式  .class的名称{}好处,可以多个标签归类,是同一个class,可以复用*/.KT1{color: #677780;}.KT2{color: #aeffd5;}style>
    head>
    <body>
    <h1 class="KT1">标签h1>
    <h1 class="KT2">标签h1>
    <h1>标签h1>
    <p class="KT2">P标签p>
    body>
  3. ld 选择器

    
    <html lang="en">
    <head><meta charset="UTF-8"><title>Titletitle><style type="text/css">


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部