css的属性 长度单位

属性

字体大小的几种写法

注意:font-size的大小设置会把子代都设置上如果不改变子代大小就从新设置子代的font-size
font-size : 30px 直接给像素
font-size:10% 100% 200% 按照百分比
font-size: 1em 2em(2倍) 按照倍数写

字体样式

font-style:normal 正常
font-style: italic 斜体
font-style: oblique 倾斜体
font-style:inherit 规定从父元素上继承字体
font-weight:bold/normal 字体加粗
font-family: '宋体' '黑体'
font-varinat:small-caps 小型大写字母(不常用)
font的综合写法:
font:bold 20px(字体大小)/100px(行高) '宋体'

---

颜色的写法

color:red 直接给颜色
color:rgb(255,255,255) 黑色
color:rgb(0,0,0) 白色
color:rgb(30%,100%,10%) 按照百分比
color:#333 (黑体) 十六进法

---

背景属性

background-color:red
background-imge:url('路径')

background-repeat	样式
background-repeat	repeat(重复)
background-repeat	no-repeat(不重复)
background-repeat	repeat-x(横向重复)
background-repeat	repeat-y(纵向重复)

background-attachment:scroll 这个方法不常用

background-position	位置01	位置02
background-position	center	center
background-position	top	center
background-position	left	center
background-position	top	right
background-position	100	200

颜色的综合写法:
background: red url('路径') repeat top right

markdown表格语法
写法一: 内容居中
username | password
     :-: | :-:
sunziheng01 | 123456
sunziheng02 | 45678

写的二:内容左对齐
username | password
  ------ | -----
sunziheng01 | 123456
sunziheng02 | 45678

写法三: 内容右对齐
username | password
      -: | -:
sunziheng01 | 123456
sunziheng02 | 45678

---

设置行高

line-height:40px

设置光标的样式 (很多这里只列举了几种)

cursor:pointer 光标呈现为指示链接的指针（一只手）
cursor:move 此光标指示某对象可被移动
cursor:crosshair 光标呈现为十字线。
cursor:text 此光标指示文本。

---

文本属性

letter-spacing:10px/0.1em 字母间隔
word-spacing:10px/0.1em 单词间隔

text-decoration	装饰
underline	下划线
overline	上划线
line-through	删除线
none	去除下划线

去除标签a 的下划线

百度

text-align :center/left/right 居中对齐

text-indent: 2em 设置缩进

---

设置边框

border-width:5px
border-color:red
border-style: solid/dotted/dashed
border-left-style:solid
boder-bottom:none
border:1px solid yellow

---

列表属性

    
    
    




    
hahahahah
    
hahahahah
    
hahahahah
    
hahahahah
    
hahahahah
    

---

表格属性

    
    
    




    
人员基本信息表
    


            
姓名
            
年龄
            
性别
            
职业

    

    

        
sunziheng
        
22
        
男
        

    
    

        
sunziheng
        
22
        
男
        
it
    
    

        
sunziheng
        
22
        
男
        
it
    
    

        
sunziheng
        
22
        
男
        
itdfghjkldfghjklsdfghjkldfghjklsdfghjkldfghjk
    
    

        
sunziheng
        
22
        
男
        
it