zoukankan      html  css  js  c++  java
  • 初学css个人笔记

    1.css类选择器中的类名的第一个字符不能是数字,无法再Mozilla或Firefox中起作用。

    2.css中id选择器中的属性只能在每个html文档中出现一次。

    3.css样式表中不需要在属性值与单位之间留有空格,在Netscape和Mozilla/Firefox中不起作用。

    4.css背景属性(背景属性不能继承):

    (1)background 简写属性,可以将一下所有属性设置放在一个声明中。

    (2)background-image:url() 设置图像背景

    (3)background-color 设置元素的背景颜色

    (4)background-attachment:fixed,scroll 背景图像是否固定,默认scroll随文档滚动

    (5)background-repeat:repeat-x,repeat-y,no-repeat 背景图像是否重复

    (6)background-position:关键字(top...),百分数值,长度(1px). 背景图片的位置

    5.css文本属性:

    (1)color 文本颜色

    (2)direction 文本方向

    (3)line-height 行高

    (4)letter-spacing 字符间距

    (5)text-align 对齐元素中的文本

    (6)text-decoration 文本修饰

    (7)text-indent 首行缩进

    (8)text-shadow 文本阴影

    (9)text-transform 元素中字母大小写转换

    (10)white-space 元素中空白的处理

    (11)word-spacing 字间距

    6.css字体:

     (1)font 简写属性

     (2)font-family 字体系列

     (3)font-size 字体大小

     (4)font-style 字体风格

     (5)font-variant 以小型大写字体或者正常字体显示文本

     (6)font-weight 字体粗细

    7.css列表:

     (1)list-style 简写属性

     (2)list-style-image 将图像设置为列表项标志

     (3)list-style-position 列表中列表项标志的位置

     (4)list-style-type 列表项标志的类型

    8.css轮廓:

     (1)outline 简写属性

     (2)outline-color 轮廓的颜色

     (3)outline-style 轮廓的样式

     (4)outline-width 轮廓的宽度

    9.css内边距:

     (1)padding 简写属性

     (2)padding-bottom 元素的下边距

     (3)padding-left 元素的左边距

     (4)padding-right 元素的右边距

     (5)padding-top 元素的上边距

    10.css边框属性:

     (1)border 简写属性

     (2)border-style 元素所有边框的样式,或者单独地为各边设置边框样式

     (3)border-width 元素所有边框的宽度,或者单独地为各边设置边框宽度

     (3)border-color 元素所有边框可见部分的颜色,或者单独地为各边设置边框颜色

     (3)border-(top,right,bottom,left)[-(color,style,width)]

    11.css外边距:

     (1)margin 简写属性

     (2)margin-top 上外边距

     (3)margin-right 右外边距

     (4)margin-bottom 下外边距

     (5)margin-left 左外边距

    11.css定位属性:

     (1)position:元素放置到一个静态的,相对的,绝对的,或固定的位置中

     (2)top(right,bottom,left)元素上外边距边界与其包含快上边界之间的便宜

     (3)overflow 元素的内容溢出其区域时发生的事情

     (4)clip 元素的形状,元素被剪入这个形状之中,然后显示出来

     (5)vertical-align 元素垂直对齐方式

     (6)z-index 元素的堆叠顺序

    12.css尺寸属性:

     (1)height 元素的高度

     (2)line-height 行高

     (3)width 元素宽度

     (4)max(min)-height(width) 元素的最大高度

    13.css的分类属性

     (1)clear 设置一个元素的侧面是否允许其他浮动元素

     (2)cursor 规定当指向某元素时显示的指针类型

     (3)display 是否及如何显示元素

     (4)float 元素浮动方向

     (5)position 元素放置到一个静态的,相对的,绝对的或固定的位置中

     (6)visibility 元素是否可见

    14.css伪类:

     (1):link 将特殊的样式添加到未被访问过的连接

     (2):visited 将特殊的样式添加到被访问过的连接

     (3):hover 当鼠标悬浮在元素上方时,向元素添加样式

     (4):active 将样式添加到被激活的元素

     (5):focus 将样式添加到被选中的元素

     (6):first-child 将特殊的样式添加到元素的第一个子元素

     (7):lang 允许作者自定义指定的元素中使用的语言

    15.css伪元素:

     (1):first-letter 将特殊样式添加到文档的首字母

     (2):first-line 将特殊样式添加到文本的首行

     (3):before 在某元素之前插入某些内容

     (4):after 在某元素之后插入某些内容

    如果你觉得本文对你有帮助,请点击右下角的推荐让更多人知道^_^

    欢迎光临个人网站 qingguoing.com

  • 相关阅读:
    严援朝座右铭
    王治郅 请让爱国走下神坛
    Java 事件处理实例
    SAP ERP 与 Oracle ERP 比较
    Gantt Component for Delphi Pure Pascal code(TsyGantt VCL)
    XMLRPC vs. SOAP
    Interfaces with Constants Only(java中通用常量定义)
    船舶设计软件简介
    DelphiARX 2000i 简介
    JAVA事件适配器用内部类,匿名类实现事件处理
  • 原文地址:https://www.cnblogs.com/qingguo/p/5686318.html
Copyright © 2011-2022 走看看