• HTML常用元素入门
• HTML表单
• CSS样式初识
• CSS常用属性
• CSS id/class选择器
• 组合选择器
• 盒子模型

• 标题
  

• 段落
  

• 超链接
  

• 显示图片
  
  不加width原大小显示，只加一个width可以保证等比例缩放

• 表格
  

• 有序列表
  

• 无序列表
  

• 区块标签
  可以把html中多个元素打包变成一个整体，便于移动和更改
  

• 换行
  

• 加粗

    

        
这是右栏

        
  

            
  
                
个人信息
                用户名：  
                密码：
  
                年龄：  
                出生日期：
 
                Sex: 男 女
  
            

            理由：

            
  
            想要的礼物：
             iPhone13  
             Macbook
             camera
             8000块钱
            
生日是哪天:
             
                2011.02.17
                2981.01.25
                2000.01.28
                2000.02.26
            

            

  

        
    

css主要是为了渲染html搭建起来的网页骨架

可通过以下方式添加到html中：

1. 内联样式-在html元素中使用style属性
   
   例如div后的style

2. 内部样式表-在html文档头部区域使用style元素来包含CSS
   

把div后的style放在中同一描述，此时所有叫div的元素共用一个CSS样式，所有叫h4的元素共用一个CSS样式

• 外部引用-使用外部CSS文件
  
  

通过中的标签来引用外部创建的test.css文件

菜鸟教程CSS
Background(背景)
Text(文本)
Fonts(字体)
Border(边框)

Position(定位)
(重点学习以下三)

• fixed
• relative
• static

• id 选择器
  在html标签中加入id属性，这样可以在中样式设定时通过#+id找到对应标签
  id名不应重复

• class选择器
  用命名一类标签，然后通过.+class批量更改样式

• 样式选择器
  直接通过标签名选择

id/class选择器优先级大于样式选择器

自己copy尝试一下，可以在嵌套模块中灵活选择元素

    
    

    


    

        
第一层 h1 
        
第一层p
        

            
第二层 h2 
            
第二层p
            
第二层 h2 
            
第二层p
            
第二层p
            

              
第三层 h3 
                
第三层p
            
        
    
我不在层内

div中可以设置样式：
内边距：padding="3px"
外边距：margin="30px"
边框：border = "2px"