摘要: 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 1. 通用选择器 *选择器是选择页面上的全部元素,例如: * { margin:0; padding:0; } 上面的代码作用是把全部元素的margin和padding设为0,是最基本的清除浏览器默认样式的方法。 *选择器也可以用于某一 阅读全文
posted @ 2020-08-17 16:53 你的蔚蓝y 阅读(113) 评论(0) 推荐(0)
摘要: 当鼠标点击上面相应的选项卡(tab),下面页面的内容也随之而改变。 tab栏切换有两个主要点:①上面模块的选项卡,点击某一个,改变当前样式,底色变为红色,字体颜色变为白色。而其他的选项卡样式不发生改变(排他思想)通过修改类名的方式实现。 ②下面模块的内容,会随着上面的选项卡变化。所以下面模块变化写到 阅读全文
posted @ 2020-08-17 16:07 你的蔚蓝y 阅读(155) 评论(0) 推荐(0)
摘要: 现如今,无论是移动端软件还是pc端软件都可随处看到轮播图的身影,这篇博客就介绍两种实现轮播图的方法。 一、jQuery实现轮播图 1. 新建一个空白项目文件,包含一个image和一个css文件夹,将需要滚动的图片放入image文件夹中。 2. 新建一个HTML文件,在css文件夹下新建一个style 阅读全文
posted @ 2020-08-13 11:03 你的蔚蓝y 阅读(311) 评论(0) 推荐(0)
摘要: 网站的头部份(header)包括一个部分导航栏;现在的需求是当页面往下拉时,导航菜单固定,而且处于浏览器的最上面。那么我们现在就来实现它: 1.header标签 在HTML5版本之前习惯使用div标签布局网页,在HTML5在div标签基础上新增header标签元素。也叫“<header>”头部标签。 阅读全文
posted @ 2020-08-02 16:07 你的蔚蓝y 阅读(242) 评论(0) 推荐(0)
摘要: 8书写css全局样式的意义就是为了规范开发,减少css代码重复率,提高工作效率,同时使用全局样式更符合web标准,页面性能得到优化,代码简洁明了,尽可能的减少服务器的负载,保证最快的解析速度。 1.重置浏览器默认样式 将具有默认margin和padding的标记置零,所有标记的margin、padd 阅读全文
posted @ 2020-07-31 17:48 你的蔚蓝y 阅读(198) 评论(0) 推荐(0)
摘要: 今日完成任务 网页布局 1. bootStrap栅格系统 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种布局方法。 通过CSS3 Media Queries(媒体查询),媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式。@media是CS 阅读全文
posted @ 2020-07-22 11:55 你的蔚蓝y 阅读(302) 评论(0) 推荐(1)
摘要: 1、引言 这是一个关于预防新型冠状病毒科普宣传的网页,使用HTML5、CSS3以及Bootstrap框架,充分响应式布局,在该网站中会向大家展示卫生防疫知识,最新的防控动态,专家问答等模块,用户可以通过这个网站了解新型冠状病毒的最新动态和掌握最科学的防疫手段。 2、功能 预防新型冠状病毒科普宣传网站 阅读全文
posted @ 2020-07-15 10:23 你的蔚蓝y 阅读(268) 评论(0) 推荐(0)