zoukankan      html  css  js  c++  java
  • CSS基础样式表

    CSS分类

    内联:直接写在标签里面,用style=“样式”,控制最精确

    内嵌:写在<head></head>里面,用<style type =”text/css”> </style>

    外部:引用<link herf =”路径” rel=”stylesheet” type=”text/css”/>

    准确性排序:内联>内嵌>外部

    CSS选择器

    Class:.(点)来引用,根据class来找元素,可以控制多个元素,有重复的名字。

    Id:用#来引用,根据id名来找元素,一次只能控制一个,不能有重复的名字

    复合:(,)逗号:并列 同时控制 例如:divspan

    )空格,后代控制  例如:#div li 受控制的是li

    Class的就用 #div.li

    CSS样式

    背景:

    background-color背景色

    background-image:背景图片

    background-repeat:背景的平铺方式

    background-size:背景尺寸

    backgroud-position:背景位置

    字体:

    font-family:字体样式

    font-size:字体大小 12px 14px

    font-style:ittalic 字体倾斜  italic倾斜

    font-weight:粗细

    Text-decoration:文字线

    color:字体颜色

    文字对齐方式:调整文字样式

    text-align:水平对齐

    line-height:行高

    vertical-align:垂直对齐,配合行高使用

    text-indent:缩进,单位像素

    边界边框:调整内边距外边距

    margin:外边距,上右下左

    Padding:内边距,上右下左,如果增加了内边距,相应的要减少一下。例如设置div总高150px,要增加20px的拒顶距离,那div的高应该设置130px,内边距20px

    列表方块:<ol></ol>,<ul></ul> 有序和无序

    list-stylenone:将列表前面的序号去掉

    list-styleimage 可以将掐妈妈的序号变成图片

    布局:

    positionfixed :固定定位,相当于游览器的边框定位,不管游览器怎么拖动,都在那个位置

    Positionabsolute :绝对定位,相当于父级元素

    Positionrelative:相对定位,相对于自身改出现的位置

    流布局:floatleft向左流,floatright向右流

    Clear清除流  

    Clearboth清除所有的流

    Clearleft 清除左边的流

    Clearright 清除右边的流

    z-index:分层,直接设置数值,数值越大越在前面

  • 相关阅读:
    二级python两种不同处理方式统计字频
    二级python提纯文件中的原文(去掉小括号,注释等)
    二级python处理文件并计数
    二级python对字频统计
    matlab实现跨表自动对应标题填写数据
    用matlab对excel中数据选择性染色
    最短路径查找—Dijkstra算法
    BP实现函数拟合
    BP应用案例
    Matlab实现BP神经网络预测(附实例数据及代码)
  • 原文地址:https://www.cnblogs.com/wangrongchen/p/8707682.html
Copyright © 2011-2022 走看看