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:分层,直接设置数值,数值越大越在前面

  • 相关阅读:
    int k=0;k=k++;结果等于0,为什么?
    CentOS在无法连接外网的服务器上安装软件(以docker为例)
    docker搭建 elasticsearch 集群
    docker容器之间进行网络通信
    Kafka集群搭建
    Zookeeper集群搭建及常用命令
    SpringBoot将Swagger2文档导出为markdown或html
    Linux(CentOS7)虚拟机修改 NAT模式固定IP
    Linux Maven私服(Nexus)搭建
    Linux配置开机自启动
  • 原文地址:https://www.cnblogs.com/wangrongchen/p/8707682.html
Copyright © 2011-2022 走看看