博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css-装饰
阅读量:4515 次
发布时间:2019-06-08

本文共 1371 字,大约阅读时间需要 4 分钟。

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:

 

转载于:https://www.cnblogs.com/crazytao/p/7368368.html

你可能感兴趣的文章
8VC Venture Cup 2016 - Elimination Round
查看>>
Mysql模糊查询like效率,以及更高效的写法(转)
查看>>
JQuery怎样返回前一页
查看>>
百度的框计算,是科幻片还是生活片?
查看>>
SQL server 2008数据库的备份与还原(转)
查看>>
用OPencv配置vs2010
查看>>
关闭selinux
查看>>
个人站立会议06
查看>>
Sea.js & Require.js
查看>>
动态规划状态压缩-小乐乐堆积木
查看>>
ImageLoader图片加载
查看>>
实验4
查看>>
English Voice of <<City of stars>>
查看>>
English trip -- VC(情景课)5 C It's on Main Street 在主街上
查看>>
[Effective C++ --003]尽可能使用const
查看>>
考核题 5
查看>>
Python3 从零单排0_变量&格式化输出&流程控制&循环
查看>>
原生ajax与封装的ajax使用方法
查看>>
TCP协议的滑动窗口具体是怎样控制流量的
查看>>
VS插件
查看>>