zoukankan      html  css  js  c++  java
  • css-装饰

    css

      -在标签上设置style样式

        background-color:#2356a1

        height:48px

      -编写样式方法

        1.标签的style属性

        2.鞋子head里面,style标签中编写

          -id选择器

            #i1{  

                background-color:#2356a1;

                height:48px;

                }

          -class 选择器 

            .c1{  

                background-color:#2356a1;

                height:48px;

                }

          -标签选择器(所有div都改)

            div{

              ...

                }

          -关联选择器(空格)

          -组合选择器(逗号)

          -属性选择器(例如input[type='text'])

            通过属性进行筛选

          优先级,标签上的style优先,然后按顺序优先

        2.1写在单独文件,在head里引用css文件

        3.注释

        4.边框  -border:

          宽度,样式,颜色

        5.height,width,(像素 39px,百分比 45%)

         水平方向:text-align:center,  垂直方向:line-hight:height的高度

         字体大小:font-size    加粗:font-weight

        6.float

          让块级标签堆叠,

          <div style='clear:both;'></div>

        7.display  

          行内inline;块级block具有inline和block:inline-block

          *******

          行内标签不能设置高度,宽度,padding,margin

          块级标签可以。

        8.padding margin(0,auto)

          内边距,

          外边距:margin

        9.position:

          fixed:用来固定在某个位置

          absolute+relative:固定在相对路径

            <div style='position:relative><div style='position:absolute></div></div>

         opacity:相对透明度

         z-index : 层级顺序

         10.overflow:

            hidden

            auto

         11.hover 当鼠标移动到上面才应用相应的css配置

            12.backgroud-image:url(路径)

           backgroud-repeat:

           backgroud-position:

  • 相关阅读:
    学习笔记-php图像等比例剪裁-2016.4.7
    学习日记-2016.3.31
    学习日记--2016.3.30
    I/O扩展篇(基于74HC164/74HC165)
    Visual SVN Server启动失败0x8007042a错误
    CC3000 主机驱动API介绍
    CC3000 SPI接口编程介绍
    struct和typedef struct彻底明白了
    MSP430学习笔记:UART
    DWORD类型的IP地址转换为CString字符串
  • 原文地址:https://www.cnblogs.com/crazytao/p/7368368.html
Copyright © 2011-2022 走看看