zoukankan      html  css  js  c++  java
  • CSS(初级)学习笔记

    1.盒模式 1)补白padding(上、右、下、左)

                2)边框border (border_style 、border_color、 border_width)

                3)边界margin

    CSS盒模式

    2.布局排版元素  1)漂移:float(脱离标准流,且在标准流之上)

                          2)处理重叠:clear:right;(元素的哪一边不允许出现浮动元素)详见:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

                          3)胶凝状态:margin-left:auto; margin-right:auto;(使该div居中对齐)

                          4)固定布局:position:fixed;(不随滑动条移动,相对于浏览器窗口进行定位)

                          5)绝对布局: position:absolute;(相对最近的父元素进行定位,在正常文本流中的位置不存在)

                          6)相对布局: position:relative;(相对于其static正常的位置进行定位,在文本流中的位置依然存在)

    3.字体和颜色样式:

    font-family(字体)

    font-size(字体大小):150%、1.5em、small、medium

    color(字体颜色)

    font-weight(字体粗细):lighter、normal、bold、bolder

    text-decoration(划线):underline、overline、line-through

    font-style(字体样式):italia(斜)、oblique(右倾斜)

    4.背景图片

    background-image:url(...);

    background-repeat:(no-repeat,repeat-x,repeat-y,inherit)

    background-position:top left;

    5.多样式表引用 <link type="text/css" media="screen"/> screen(PC端) print(打印机) handheld(手机)

    6.常用元素

    line-height:文本行间距;

    text-align:文本对齐方式;

    letter-spacing:设置字母之间的间距;

    border-spacing:表格单元边框间距; border-left、border-right、border-up、border-down(单边框);

    overflow:规定当内容溢出元素框时发生的事情,visible、hidden、scroll、auto、inherit

    display:none(不被显示)、inline(被显示为内联元素) 、block(被显示为块元素)

    7.列表项的标记样式

    list-style-type:circle;

    list-style-image:url(路径);

    8.选择器

    1)伪元素选择符:  p:first-letter(文本第一个字符) p:first-line(文本第一行)

    2)属性选择符: img[width] (包括width属性的所有img元素)

    3)基于兄弟进行选择: h1+p(前面有h1的p段落)

    4)组合选择符: .blue p (blue类中的所有p元素)

    9.伪类(http://www.w3school.com.cn/css/css_pseudo_classes.asp)

    selector : pseudo-class {property: value}

    10.其它

    1)html标记中引入css属性  例:<span style="visibility:hidden/hidden"></span>

  • 相关阅读:
    python 返回函数的使用
    你的服务器还在裸奔吗?
    云计算产品vSwitch原理
    网卡创建Bond
    UI自动化框架介绍
    常用底层linux命令
    Linux Bridge基本概念
    磁盘格式化及设置自动挂载
    Linux vi文本编辑器常用命令
    MySQL5.7安装方式
  • 原文地址:https://www.cnblogs.com/duanyiyi/p/4418863.html
Copyright © 2011-2022 走看看