• CSS基础-----(选择器)


    css选择器 

      标签选择器:
        标签名{样式名1:样式值1;……}
        作用:会将当前网页内的所有该标签增加相同的样式
      id选择器:
        #标签的id属性值{样式名1:样式值1;……}
        作用:给某个指定的标签添加指定的样式
      类选择器:
        .类选择器名{样式名1:样式值1;……}
        作用:给不同的标签添加相同的样式
      全部选择选择器
        *{样式名1:样式值1;……}
        作用:选择所有的HTML标签,并添加相同的样式
    -----------------------------------------------------------------------------
      组合选择器:
        选择器1,选择器2,……{样式名1:样式值1;……}
        作用:解决不同的选择器之间重复样式的问题
      子标签选择器
        选择器1 子标签选择器{样式名1:样式值1;……}
      属性选择器:
        标签名[属性名=属性值]{样式名1:样式值1;……}
        作用:选择某标签指定具备某属性并且属性值为某属性值的标签

     

      css的使用过程:
        1、声明css代码域
        2、使用选择器选择要添加样式的标签    
          根据需求来。
            使用*选择器来给整个页面添加基础样式
            使用类选择器给不同的标签添加基础样式
            使用标签选择器给某类标签添加基础样式
            使用id、属性选择器、style属性声明方式给某个标签添加个性化样式。

    书写样式单

      边框设置
        border:solid 1px;
      字体设置:
        font-size:10px;设置字体大小
        font-family:"黑体";(设置字体的格式)
        font-weight:bold;设置字体加粗
      字体颜色设置
        color:颜色;
      背景颜色设置
        background-color:颜色;
      背景图片设置
        background-img:url(图片的相对路径);
        background-repeate:no-repeate;设置图片不重复
        bacground-size:cover;图片平铺整个页面
      高和宽设置
      浮动设置
        float:left|right
      行高设置
      line-height:10;

                                                                              -------尚学堂笔记

  • 相关阅读:
    23种设计模式中的模板模式
    23种设计模式中的外观模式
    div,li,span自适应宽度换行问题
    监听自定义ItemRender的事件
    flex acionscript png图片去除多余空白,生成合适大小图片
    项目中用到RouteTable,发布到IIS7中无法访问
    记录Castle ActiveRecord访问Sqlite的配置
    如何卸载软件
    linux 下route命令
    linux 下 ifcfg-eth0 配置 以及ifconfig、ifup、ifdown区别
  • 原文地址:https://www.cnblogs.com/skyline1/p/12153376.html
Copyright © 2020-2023  润新知