Html/CSS/Js网页
关注
分享
扫一扫
网页打造
「已注销」
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS3背景
CSS3 中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性：您还将学习如何使用多重背景图像。CSS3中可以通过background-image属性添加背景图片。不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。可以给不同的图片设置多个不同的属性。background-size指定背景图像的大小。CSS3以前，背景图像大小由图像的实际大小决定。CSS3中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小.........原创 2022-06-07 07:54:52 · 243 阅读 · 0 评论 -
CSS3渐变Gradients
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。 CSS3 定义了两种类型的渐变（gradients）： 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（Radial Gradients）- 由它们的中心定原创 2022-05-26 13:40:43 · 172 阅读 · 0 评论 -
网站建设指南
一个网站开发人员必须掌握的知识是什么？ HTML 和 CSS 客户端脚本 - JavaScript and the DOM 服务端脚本 - ASP, PHP XML 和SQL WWW - 万维网联盟 WWW通常称为网络。 web是一个世界各地的计算机网络。 电脑在Web上使用标准语言沟通。 万维网联盟（W3C）制定了Web标准 什么是WWW？ WWW 代表World Wide Web(万维网) 万维网常常被称为网络 网络是世界各地的计算机网络 网络中的所有电脑可以相互沟通 ..原创 2022-05-26 08:17:28 · 197 阅读 · 0 评论 -
Html/JS的应用（1）元素位置控制
使用JS实现网页上用方向键控制元素的位置 用JavaScript的事件监听部分时，自己试着编写了一个小玩意出来。 把这些代码直接复制进就能使用了。 在Js中，改变元素位置需要用 元素名.style.top 竖坐标 px 像素 元素名.style.left 横坐标document.getElementById('');通过id获取 左上右下四个键分别是37，38，39，40 以下为代码↓ <!DOCTYPE html> <html> <head> &...原创 2022-05-25 08:18:35 · 1250 阅读 · 0 评论 -
Html/CSS最终章（L）网页制作和布局
网页布局 网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。 头部区域 头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo 菜单导航区域 菜单导航条包含了一些链接，可以引导用户浏览其他页面 内容区域 内容区域一般有三种形式: 1 列：一般用于移动端 2 列：一般用于平板设备 3 列：一般用于 PC 桌面设备 底部区域 底部区域在网页的最下方，一般包含版权信息和联系方式等 响应式网页布局 通过以上等学习我们来创建一个响应式原创 2022-05-17 09:33:25 · 510 阅读 · 0 评论 -
Html/CSS的应用（4）
使用CSS的提示框 基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Html/CSS的应用(4)</title> </head> <style> .tooltip { position: relative; display: inline-block;原创 2022-05-12 08:24:54 · 118 阅读 · 0 评论 -
Html/CSS的应用（3）下拉菜单
运用CSS 让HTML页面有更大的空间 <!DOCTYPE html> <html> <head> <title>Html/CSS的应用（3）</title> <meta charset="utf-8"> <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none;原创 2022-05-11 08:48:25 · 121 阅读 · 0 评论 -
Html/CSS的应用（2）变色链接
CSS让Html更加生动 利用CSS，将Html页面的link（连接） 变得有不同颜色 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Html/CSS的应用（2）</title> <style> a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访原创 2022-05-10 19:06:04 · 256 阅读 · 0 评论 -
Html/CSS的应用（1）
用CSS制作导航栏 让页面更加美观 当光标移到列表的方格中，列表的方格会变色 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { margin: 0; } ul { list-style-type: none; margin: 0; padding: 0; width: 15%; background-col原创 2022-05-09 21:11:15 · 192 阅读 · 1 评论