美文网首页
CSS 属性

CSS 属性

作者: 一许青衫一 | 来源:发表于2018-07-25 15:30 被阅读0次
  1. display 属性规定元素应该生成的框的类型。
    可能的值如下:


    display属性值
  2. vertical-align 属性设置元素的垂直对齐方式。
    该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
    可能的值如下:

    vertical-align属性值

3.background-size 属性规定背景图像的尺寸


实例 background-size值

4.text-align 属性设置元素的文本对齐方式
可能值如下:


text-align值

5.font-family 字体类型 font-style 是否斜体 font-color 字体颜色
font-weight 字体粗细 font-size 字体大小

  1. background-image 插入背景图
    background-repeat 背景重复 (图像在水平垂直方向上都平铺)
    background-position 改变背景图像的位置

  2. text-indent 提供文本的首行缩进 text-decoration 文本装饰(下划线,删除线)
    text-transform 字符转换,处理文本的大小写

  3. word-spacing 字间隔(单词间的间隔)letter-spacing 字符或字母之间的间隔

  4. direction 文本方向 line-height 行高

  5. float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不在在CSS中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
    ?? 如果浮动元素非替换元素,则要指定一个明确的宽度,否则,它们会尽可能地窄。

  6. clear属性设置元素周围是否允许浮动元素,需要搭配float属性食用。

  7. position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值是static。
    可能值如下:


    position值

    注释:①、 absolute属于绝对定位,参考坐标是第一个父元素。而fixed确切说是固定定位,参考坐标系是浏览器窗口,所有在需要将一个<div>固定在页面底部,不随滚动而动的话,就可以使用fixed,此时还需要设置bottom=0。
    ②、 绝对定位的时候(absolute和fixed),元素会跳出文档流。

  8. z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。默认值是auto,取值为数字,可以为负数。
    可以理解为屏幕跟用户之间的垂直距离,打破了二维空间的局限。
    注释:z-index属性仅能在定位元素上奏效(position:absolute, position:fixed, position: relative)

  9. cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。


    cursor属性值
  10. list-style 属性,设置列表的属性,主要是开头的标志图标


    list属性

多记住,记不住在查询,动脑第一,积攒经验与开发记忆力。

相关文章

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • HTML标签类型

    修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录:

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • 03-CSS核心属性

    学习目标 1、css浮动属性详解2、css文本属性3、css列表属性4、css背景属性5、css边框属性 一、cs...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • jQuery内容整理——CSS

    .css()访问匹配元素的样式写法:.css({'属性','属性值'})|.css({属性:'属性值'}) .o...

  • CSS属性参考手册

    CSS3 动画属性(Animation) CSS 背景属性(Background) CSS 边框属性(Border...

  • HTMLCSS学习笔记(四)-- CSS属性

    CSS属性 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定...

网友评论

      本文标题:CSS 属性

      本文链接:https://www.haomeiwen.com/subject/znyemftx.html