zoukankan      html  css  js  c++  java
  • CSS的初步认识,基本选择器(CSS day1)

    web标准:结构HTML,表现CSS,行为JavaScript。

    CSS概念:cascading style sheets,层叠样式表。级联样式表,简称:样式表。
         style:外观,个性化。
         sheets:是一个样式文件,它的扩展名为.css
     
    样式表的位置:为了学习方便,先用内嵌式样式(内部样式表)。
           位置:<head></head>之间
           标记:<style type="text/css">样式写在这里</style>
     
    CSS注释:
    • HTML注释:<!--注释内容-->
    • CSS注释:/*注释内容*/,单行和多行都是一种方法注释。
    CSS语法格式:
    声明方法:选择器{属性1:值1;属性2:值2;属性n:值n;}
    • 选择器:通过名称指定对哪些标签进行样式设置
    CSS基本选择器:
      style属性(行内样式):直接写在标签内。如:<p style="font-size:12px;color:green;">文字内容</p>
     
      标签:针对HTML的标签直接设置样式。
      ID:
        语法:以#开头。命名方法:建议全小写,以字母开头。

     类:

      语法:使用方法:<p class="类名">内容</p>

      定义的方法:用“.”开头,后跟类名。

      类名书写规范:以小写字母开始。

    通配符选择器:

    *{CSS规则}:针对当前页面所用的标签应用同样的样式(对标签的初始化)。

    ps:*{margin:0;padding:0;border=0;}

    建议对标签初始化时采用以下方法:body,p,ul,li,p,ol,h1,h2,h3,h4,h5,h6,img{margin:0;padding:0;border=0;}

    标签和类结合:

      ps:p.test1{color:red}

      针对p标签应用类名为test1的样式。

     

  • 相关阅读:
    ARMR模型简单实践作业(3)-季节性波动与差分
    ARMR模型简单实践作业(2)log()
    mac 下 basemap 安装,以及踩的一些小坑
    安装vsftpd(一)--匿名用户作业
    移动硬盘出现参数错误,无法显示
    MapperReduce序列化作业(二)——排序
    ARMR模型简单实践作业(1)-平稳性检验
    wget简单使用(2)
    基本排序算法之堆排序
    HDFS学习之客户端I/O流操作
  • 原文地址:https://www.cnblogs.com/purewhite/p/9681267.html
Copyright © 2011-2022 走看看