盒子模型作业

1.如何设置一个标签下边框的样式为1px的蓝色虚线?

:1px dashed blue
2.如何计算盒子模型的总尺寸?

border+padding+margin+内容宽度
3.在CSS中如何设置一个元素的圆角边框?

通过用border-radius属性来设置。例如:border-radius: 10px; 将会使一个元素的边框圆角半径为10个像素。
4.如何设置盒子的阴影?

用box-shadow属性。box-shadow:inset  x-offset  y-offset  blur-radius  color;例如:在CSS中设置一个具有3px的模糊半径和4px的偏移量的黑色阴影的代码为: box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);
5.ppt第14页(学员操作—聚美优品商品分类

盒子模型作业_第1张图片

盒子模型作业_第2张图片



    
        
        商品分类
        
    
    
        


            

全部分类


            

                
护肤

                
洁面 化妆水 喷雾 美容液 眼霜

                
眼部精华 眼膜 面膜 面膜贴

                
水洗面膜 免洗面膜 精华 精油

                
凝露 乳液 面霜 日霜 晚霜

            

            

                
彩妆

                
卸妆 防晒 隔离 BB霜 粉底 粉饼

                
睫毛膏 眼影 唇彩 腮红 眼线笔

                
底妆 遮瑕 蜜粉 眉笔 美甲

            

            

                
香氛

                
男香 女香 小Q装 中性香水

            

            

                
身体护理

                
洗发 护发 沐浴 身体乳 手足护理

                
护手霜 纤体 身体精油 颈部护理

                
个人护理 卫生用品 脱毛

            

            

                
礼盒套装

                
护肤套装 身体护理套装 彩妆套装

                
旅行装 香水套装 男士套装

            

            

                
美容工具

                
护肤 彩妆 美发 美体 美甲

                
美容仪器 其他美容工具

            

            

                
母婴专区

                
奶粉 尿裤湿巾 母婴洗护

            

            

                
男士专区

                
洁面 爽肤水 面霜  男香

                
眼霜 凝胶 乳液 精华 沐浴

            

            

                
食品保健

                
瘦身类 保健类 美容类 食品类

            

        

    

你可能感兴趣的:(javascript,css3,开发语言)