热搜:NVER node 开发 php

CSS基本语法(2)_html/css_WEB-ITnose

2024-11-07 22:25:01
CSS基本语法(2)_html/css_WEB-ITnose

css基本语法(2)

一、文本字体属性

1、 文本属性:line-height,text-align,letter-spacing,text-decoration,white-space

2、 字体属性:font,font-family,font-size,font-weight

 1  2     3         4        20    21    22        23           
    24
  • CSS基本语法(2)
  • 25
  • 坚持不懈,努力学习CSS基本语法,为成为css高手而奋斗!
  • 26
  • CSS的文本属性
  • 27
  • 学习CSS的下一步,是要更努力的学习javascript!
  • 28
  • CSS的字体属性
  • 29
30 31 32

二、背景属性

背景属性参数: background、background-color、background-img、background-repeat、background-position

1、background-repeat属性的取值:

repeat 横向纵向同时平铺,默认值

repeat-x 横向平铺

repeat-y 纵向平铺

no-repeat 背景图不重复平铺

2、background-position属性的取值

Xpos Ypos X表示水平方向 Y表示垂直方向(正值表示正向偏移,同时向下向左;负值表示反向偏移,同时向上向右)

X% Y% 使用百分比表示背景出现的位置 (30% 50%垂直方向居中,水平方向偏移30%)

X方向关键词 Y方向关键词 水平方向关键词left,center ,right 垂直方向关键词top,center,bottom

 1  2     3         4        10    11    12        13           

this is a test of background !

14

this is a test of background !

15

this is a test of background !

16

this is a test of background !

17

this is a test of background !

18

this is a test of background !

19 20 21

三、列表常用属性

1、list-style 属性用于定义列表项的各类风格,list-style属性取值说明如下:

none 无修饰符

disc 实心圆

circle 空心圆

square 实心正方形

decimal 数字

2、float 属性用于定义元素的浮动方向。

 1  2     3         4        13    14    15        16           
    17
  • 铅笔
  • 18
  • 钢笔
  • 19
  • 水笔
  • 20
  • 毛笔
  • 21
  • 画笔
  • 22
23 24 25

 

坚持每天进一步一点点,加油!