热门关键字:
jquery > jquery教程 > jquery教程 > 前端HTML5+CSS3静态页面开发

前端HTML5+CSS3静态页面开发

274
作者:管理员
发布时间:2021/5/4 17:48:40
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4636
  项目相关知识点


  HTML + CSS


  盒子模型 + 浮动 + 定位


  部分H5标签和C3属性


  项目演示图


  实现步骤


  (1)将所用到的图片插入项目的images文件夹中,京东图标导入项目中。


  (2)将所用到的外部样式文件 normalize.css放入项目的css文件夹中。


  (3)将所需要导入的字体文件font文件导入项目中。


  导入后的项目如图:


  (图片中的笔记文件是小编自己记录的笔记,大家可以不创建笔记文件)


  引入css样式


  我们要注意的是,引入外部css时,路径一定要写正确,否则将没有css样式修饰。


  注:meta标签中charset指定了编码格式,descroption是页面内容描述,Keywords是搜索引擎搜索页面的关键字,title标签是页面标题。


  引入字体样式css部分。代码如下:


  顶部html与css部分。代码如下:


  导航html与css部分。代码如下:


  注:u标签是用于定义无序列表,一般与标签一起使用,a标签用于定义超链接,从一个页面链接到另一个页面,href属性指定的是链接的目标,#代表是错点链接。i标签中不是空格,是引入字体文件的图标。


  logo、搜索部分、热词部分、购物车、电脑、导航栏信息html与css部分。代码如下:


  注:h1标签是标题标签,添加title属性后会在鼠标移动到标签后显示title中的内容,input标签是输入框,value属性是输入框中的默认内容,em标签告诉浏览器把其中的内容表示为强调的内容。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐