css基础知识

来源：百度文库 编辑：神马文学网 时间：2024/05/17 07:30:31
颜色

1.前景颜色

{color: # }
#=rrggbb 为十六进制数字, 或颜色名:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

今天天气不错

今天天气不错

2.背景颜色

{background: # }
#=rrggbb 为十六进制数字, 或颜色名:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

今天天气不错

今天天气不错

文本

1.文本修饰

{text-decoration: # } #=none, underline, line-through

今天天气不错
今天天气不错
今天天气不错

今天天气不错

今天天气不错

今天天气不错

2.文本对齐

{text-align: # }

#=left, center, right

今天天气不错
今天天气不错
今天天气不错
今天天气不错今天天气不错今天天气不错

3.空边

{margin-left: # }
{margin-right: # }
{margin-top: # }
{margin-bottom: # }

#=margin size (px, pt, in, cm, %) 

今天天气不错。早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻璃瓶的装置来预报天气即将发生的变化。
今天天气不错。 早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻 璃瓶的装置来预报天气即将发生的变化。 字的属性

字体 (Font Face)

{font-family: # }
{font-family: #, #, ..., # }
#=font name
#=serif, sans-serif, cursive, fantasy, monospace 

今天天气不错

今天天气不错

大小

{font-size: # }
#=font size (px, pt, in, cm, %)
#=xx-small, x-small, small, medium, large, x-large, xx-large 

今天天气不错

今天天气不错

字重

{font-weight: # }
#=extra-light, light, demi-light, medium, demi-bold, bold, extra-bold 

今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错
今天天气不错

物理字体

{font-style: # }
#=normal, italic 

今天天气不错
今天天气不错
今天天气不错
今天天气不错

行距

{line-height: # }
#=line height (px, pt, in, cm, %) 

今天天气不错
明天也应该不错
后天....

今天天气不错
明天也应该不错
后天....

属性集合

{font: font-wight font-style font-size/line-height font-family}

今天天气不错
明天也应该不错
后天....
今天天气不错
明天也应该不错
后天....






图象
1.背景图象
图象例子 (back.gif) --->  
{background: URL(#) } 
#=image-url
今天天气不错。早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻璃瓶的装置来预报天气即将发生的变化。
今天天气不错。 早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻 璃瓶的装置来预报天气即将发生的变化。 
2.背景重复
{background: URL(image-url) # }
#=repeat, no-repeat, repeat-x, repeat-y 
今天天气不错
                        今天天气不错             
 .... 
    
                    今天天气不错             
 .... 
    
                    今天天气不错
明天也应该不错             
 .... 
    
                    今天天气不错             
3.背景位置
{background: URL(image-url) #1 #2}
#1=%, left, center, right
#2=%, top, middle, bottom 
今天天气不错
                        今天天气不错             
 ... 
    
                    今天天气不错            
 ... 
    
                    今天天气不错            
 ... 
    
                    今天天气不错            



样式的定义
样式群定义　
群定义可将样式一次定义给不同的元素（如：H1,H2,P...)
例： 
今天天气不错
今天天气不错
今天天气不错
样式多元定义同一元素
　 
例： 
今天天气不错
今天天气不错
样式定义多元不同元素
　 
例： 
今天天气不错
今天天气不错
今天天气不错
样式定义超连接
A:link {PROPERTY: VALUE} 
A:visited {PROPERTY: VALUE}
A:active {PROPERTY: VALUE}
例： 
返回
前进
样式单的声明
样式单的声明　
例：{font-family: Arial; Color:red} 
　 
样式单声明的引用
三种方法：
        
  • 超连接样式单声明文件    
  • 嵌入样式单    
  • 插入样式单 
超连接样式单声明文件
1.样式单声明文件的内容 　
例：文件名 samp.css 
H1 {font-family: Arial; font-size: 40pt; Color:red}P  {font-size:12pt; line-height:20pt}
2.样式单声明文件的引入
a.样式单声明文件的超连接引入　
例： 
今天天气不错
早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻璃瓶的装置来预报天气即将发生的变化。
b. 嵌入样式单 
例： 
今天天气不错
早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻璃瓶的装置来预报天气即将发生的变化。
c.插入样式单
例：
今天天气不错
早在电视天气预报出现以前，人们就会用一种放在桌上的类似球状玻璃瓶的装置来预报天气即将发生的变化。

                                   
              css基础知识                        
                                     
              css                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              基础知识                        
                                     
              什么是css？css介绍                        
                                     
              CSS 锦囊                        
                                     
              CSS十大密技                        
                                     
              CSS Syntax                        
                                     
              css 样式                        
                                     
              Div+CSS                        
                                     
              Div+CSS                        
                                     
              CSS Syntax                        
                                     
              CSS是什么                        
                                     
              css样式                        
                                     
              Css布局                        
                                     
              CSS选择器                        
                                     
              CSS定位                        
                                     
              CSS背影