简单html以及css的用法详解

2020-04-17 20:34:05易采站长站整理

我将利用三天的时间来完成制作京东首页的静态页面效果,其中包含的内容有html以及css。

1、在开发进行之前,首先要配置开发环境:我们需要安装sublime  webstorm  vscode  Hbuilder  atom等开发软件,选择其一即可。我所使用的是webstorm。

2、在主文件夹中建立相关的项目文件夹 :为了将与项目相关的文件放在一块,便于管理和以后的维护。

其中:包括与项目相关的一些文件

主页或是首页    index.html   default.html

 Css文件夹    css文件的  

             Base.css     global.css

 Images文件夹  用来放置网站中的所有的图片

 Js文件

 音频或是视频文件

3、在这之后我们要进行样式初始化,一般所有网站开发之前都会进行样式初始化,例如淘宝、京东这样的大网站,都有自己的样式初始化css文件。如:

XML/HTML Code复制内容到剪贴板

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {   
    margin: 0;   
    padding: 0;   
}   
  
fieldset, img, input, button {   
    border: none;   
    padding: 0;   
    margin: 0;   
    outline-style: none;   
}   
  
ul, ol {   
    list-style: none;   
}   
  
/*去掉原样式中的小黑点*/   
input {   
    padding-top: 0;   
    padding-bottom: 0;   
    font-family: "SimSun", "宋体";   
}   
  
select, input {   
    vertical-align: middle;   
}   
  
/*输入字居中显示*/   
select, input, textarea {   
    font-size: 12px;   
    margin: 0;   
}   
  
/**/   
textarea {   
    resize: none;   
}   
  
/*防止拖动*/