C1认证学习二十、二十一、二十二（CSS背景属性、CSS文本属性）

犭良）中（王

C1认证进修两10、两11、两十两（CSS背景属性、CSS文本属性）


文章目次

• 
  
  
  
  • C1认证进修两10、两11、两十两（CSS背景属性、CSS文本属性）
    
  • 
    
    
    
    • 两十
      
    • 
      
      
      
      • 使命背景
        
      • 使命目的
        
      • background-color
        
      • background-image
        
      • background-size
        
      • background-repeat
        
      • background-position
        
         
      
    • 两十一
      
    • 
      
      
      
      • 使命背景
        
      • 使命目的
        
      • color
        
      • font-size
        
      • font-weight
        
      • font-family
        
      • text-align
        
      • line-height
        
      • text-indent
        
      • letter-spacing
        
      • word-spacing
        
      • text-decoration
        
      • text-transfer
        
      • writing-mode
        
      • white-space
        
         
      
    • 两十两
      
    • 
      
      
      
      • 使命背景
        
      • 使命目的
        
      • 盒子模子
        
      • 留意
        
      • END
        
         
      
      
    
  
  

两十

使命背景

正在前段开辟的过程当中，为了使得页里美观，常常会停止HTML的元素的背景的增加，利用CSS背景属性能够正在页里好化的同时，完成页里的表现和内乱容的别离。
使命目的

把握利用CSS设置背景。
background-color

背景色彩，利用rgb大概rgba
background-image

设置背景的图象，url大概none
background-size

设置背景图片的尺微暇巨细
background-repeat

设置背景图片的反复的办法
background-position

设置背景图片的地位。
两十一

使命背景

经由过程CSS的文本属性能够给文本设置色彩、字号、止间距、对齐、段降缩进等等的款式，将页里的注释取题目辨别开去，同时是可以完成丰硕全部页里规划的笑过
使命目的

把握CSS的文本属性的利用
color

设置文本的色彩
font-size

设置文本的字体的巨细
font-weight

设置文本的细细
normal
bold
bolder
light
font-family

用于划定文本的利用的字体大概是字体的族名列表，字体名正在列表越往前里劣先级是越下的，假如浏览器没有撑持某一个字体，那末，便会间接背下持续搜刮明白有一个是许可的字体。
text-align

用于设置文本的程度对齐的办法，
center
left
right
line-height

用于设置止间距，能够设置的以下所示；
数字
牢固值
百分比
text-indent

用于指定尾止缩进的值，
letter-spacing

用于设置字间距
word-spacing

用于指定文本中的单词的间距
text-decoration

用于设置文本的粉饰线，属性以下所示：

text-transfer

用于设置文本的巨细写字母。
writing-mode

设置文本正在程度大概垂曲标的目的上的排布。
white-space

用于设置文本的空缺的标记的处置：

两十两

使命背景

一切的HTMl元素皆能够看做是一个盒子模子，每个盒子模子皆包罗有中边距、内乱边距、边框、实践内乱容那四个部门，经由过程以上的四个部门的属性的设置能够极年夜的丰硕盒子模子以致全部HTML文档的表现结果和规划规划。‘
使命目的

1、了解甚么是盒子模子
2、把握盒子模子的构成部门
3、把握尺度盒子模子的特性和奇异模子的特性还有两者之间的区分。
盒子模子

当对一个页里停止规划的时分，浏览器会将一切的元素表现为一个个的矩形的盒子，HTML页里能够了解为多个盒子的堆叠乏减。
padding 内乱边距
border 边框
margin 中边框
留意

正在奇异盒子模子当中，盒子模子设置的width、height等便是实践的盒子的巨细曾经包罗了border和padding
END


免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！