learn_yang-CSDN博客

原创【Web前端实战】网站开发第一步之CSS初始化文件

考虑到不同浏览器对有些标签的默认值是不同的，在实际开发中为了确保HTML页面效果与设计图一致，减少不同浏览器之间的页面差异，我们需要初始化CSS样式的属性，使得我们开发网页内容时更加方便简洁，减少CSS代码量，节约网页下载时间。在做一些简单的demo练习时，我们可以用最简单、直接的方法，具体如下：*{ padding: 0; margin: 0;}在正式的项目中可以按照如下的基础内容进行初始化（CSS初始化文件命名为reset.css，实际情况可根据团队或个人习惯命名）：

2021-01-31 16:11:30 423

原创 HTML+css+jQuery实现导航栏效果--pc端（内附详细说明）

先上html代码（有不懂的可以在下方评论留言）<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="

2018-06-15 10:14:23 2867

原创 css实现导航菜单下拉效果

通过css也可以实现简单的导航栏效果，一些不会写js的下伙伴不用担心了。先上HTML部分 <nav> <ul class="level"> <li><a href="">首页</a></li> <li>

2018-06-13 11:37:17 57641 21

网站开发之CSS初始化文件

常用的css样式初始化设置

2021-01-31

HTML+css+jQuery实现导航栏效果--pc端

HTML+css+jQuery实现导航栏效果--pc端适合前端，下载即可使用。 $(function(){ // 鼠标移入事件 $('.nav>li').mousemove(function(){ $(this).addClass('active').siblings('li').removeClass('active') // 为li添加名为active的class，并移除兄弟元素（li）上的名为active的class名 $(this).children('.level').css("display","block"); // 使li的子元素level显示 }) // 鼠标移出事件 $('.nav>li').mouseleave(function(){ $(this).children('.level').css("display","none"); //使li的子元素level显示 }) })

2018-06-15

css实现简单的导航栏下拉

用纯css实现简单的导航栏下拉，此分享给刚入前端的学习者们。下载即可使用

2018-06-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

原创 【Web前端实战】网站开发第一步之CSS初始化文件