CSS

CSS概述:

Cascading Style Sheets:层叠样式表
作用:
用来美化我们的HTML页面的
HTML 决定网页的骨架
CSS 化妆
CSS的简单语法:
在一个style标签中,去编写CSS 内容,最好将style标签写在这个head标签中


    
    
        
        

最新商品

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

最新商品

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

高压锅

$998

CSS的盒子模型

万物皆盒子
内边距:

padding-top:
padding-right:
padding-bottom:
padding-left:

padding: 10px;  上下左右都是10px
padding: 10px 20px;    上下都是10px  左右是20px
padding: 10px 20px 30px;  上  10px  右  20px   下   30px    左   20px
padding: 10px  20px  30px  40px;  上右下左,顺时针方向

外边距:

margin-top:
margin-right:
margin-bottom:
margin-left:

CSS绝对定位:
position: absulte
top:控制距离顶部的位置
left:控制距离左边的位置

步骤分析:
1.总共5部分
2.第一部分是LOGO部分
3.第二部分是导航菜单
4.第三部分是注册部分
5.第四部分是FOOTER图片
6.第五部分是一堆超链接

代码实现:



    
        
        
         
    
    
        
        
会员注册USER REGISTER
用户名:
密码:
确认密码:
email:
姓名:
性别:
出生日期:
验证码:

你可能感兴趣的:(CSS)