HTML与CSS5网页设计
关注
分享
扫一扫
文章平均质量分 64
1
爱睡觉的小馨
Java基础、Java高级、HTML与CSS、JavaScript、数据结构、MYSQL、oracle、android、C++、SSH、离散数学、高数、英语、python
展开
-
Mac电脑怎么关闭SIP系统完整性 【「 Mac SIP怎么关闭」】Mac SIP系统完整性保护关闭和开启方法
1、重启电脑，在重启的过程中按住 Command + R 组合键进入到系统恢复工具界面，然后点击“实用工具”选项卡中的“终端”。2、进入终端以后，在终端我们需要输入csrutil disable这条命令，按下回车，看到下面的提示成功以后我们就解除系统的权限控制了。3、关闭了系统的保护程序毕竟不是很安全的事情，所以当我们完成关闭保护的需求之后还是需要将保护程序再次打开的。同样的方式重启电脑，然后按住 Command+R 进入到恢复工具界面，打开终端，在终端中输入csrutil enable回车即可打开原创 2021-12-23 22:44:43 · 821 阅读 · 0 评论 -
动态小米官网页面设计（内含最详细实现的源码）
实现页面展示：html网页源码：（以xiaomi.html命名文件）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="st.原创 2020-10-31 10:08:33 · 12402 阅读 · 257 评论 -
HTML用户注册页面设置源码
设计上图中的网页：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-10-14 09:24:39 · 5844 阅读 · 0 评论 -
HTML网页表格的制作与渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单元格</title> <style> table{原创 2020-10-14 09:24:09 · 1178 阅读 · 0 评论 -
HTML注册表单的页面制作
效果1：效果2：效果1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-10-12 09:07:40 · 7817 阅读 · 0 评论 -
HTML制作用户注册账户的页面与用户的登录页面
用户注册账户的页面：用户的登录页面：用户注册账户的页面：对于上面的网页布局应该如何进行制作？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit.原创 2020-10-11 14:56:30 · 12040 阅读 · 7 评论 -
HTML背景颜色的渐变与多种颜色的混合
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{原创 2020-10-11 14:55:46 · 1391 阅读 · 0 评论 -
HTML阴影的设置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul{原创 2020-10-11 14:55:25 · 9109 阅读 · 0 评论 -
HTML中块元素的定位属性——静态定位、绝对定位与相对定位与固定定位
块元素的定位：元素的定位属性：静态定位：相对定位：绝对定位：固定定位：元素的定位属性：（1）：定位模式：在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：position属性的常用值有四个，分别表示不同的定位模式，具体如下表所示。（2）：边偏移：定位模式(position）仅仅用于定义元素以哪种方式定位，并不能确定元素的具体位置。在CSS中，通过边偏移属性top、bottom、left或right，来精确定义定位元素的位置，其取值为不同单位的数值或百分比，对它们的具体原创 2020-10-11 14:54:13 · 10236 阅读 · 1 评论 -
HTML使用无序列表制作一级菜单和二级下拉菜单
在日常的生活中，想必大家都接触过下拉菜单的使用，这样为我们提供了极大的方便，那么下面看一下如何来制作吧。one：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&原创 2020-10-11 14:53:45 · 8200 阅读 · 3 评论 -
HTML利用无序列表设置页面的布局
First：试着利用无序列表设置下图的页面布局：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl原创 2020-10-10 17:21:24 · 2734 阅读 · 0 评论 -
HTML——标准文档流（float的浮动属性）
·HTML元素在标准状况下的定位方式·行内元素在同一行内横向排列·块级元素占满整个一行，在页面中竖向排列·元素不会移动到其它地方去，对于嵌套的元素盒子也是嵌套的1、元素的浮动属性：float元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中相应位置的过程。在CSS中，通过float属性来定义浮动，其基本语法格式如下:选择器{float:属性值;}首先看一下left属性：<!DOCTYPE html><html lang="en">原创 2020-10-10 17:20:50 · 696 阅读 · 0 评论 -
HTML背景图片的使用说明与应用
如何使用一张图片当作背景呢？？？首先先在body标签里面随便写一个双列标签，比如下面的div标签：<body> <div></div></body>然后创建一个style标签，写CSS代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2020-10-10 17:17:32 · 3760 阅读 · 0 评论 -
HTML 盒子模型初级使用
为什么引入盒子模型？首先，为什么要引进盒子模型呢？先看一下前面我说举的一个例题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>.原创 2020-10-10 17:16:35 · 1283 阅读 · 0 评论 -
HTML——常用选择器（css如何选择html元素）
id选择器：html文件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styl.原创 2020-10-10 17:15:58 · 3329 阅读 · 0 评论 -
HTML——三大引入CSS的方法
CSS顾名思义是cascading style sheet的简称，就是层叠样式表。如何引进CSS?方法一：行间样式例如写一个div标签，在div标签里面写一个style属性，这个属性里面写的就是CSS代码方法二：页面级CSS仍然拿div标签进行举例方法三：外部CSS文件(最高大上、最实用)然后新创建一个css文件（后缀名称为.css）然后在css文件里面写出想要引进html文件中所需要修饰的标签，然后在标签内设置样式：写完css文件后，需要将css引入html文件中然后就可以原创 2020-10-10 17:15:16 · 180 阅读 · 0 评论 -
HTML表单标签＜form＞＜/form＞登录窗口和单选框以及下拉栏的制作
登录窗口的制作：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> .原创 2020-10-02 21:16:27 · 3476 阅读 · 0 评论 -
HTML中＜a＞＜/a＞标签的四大功能 必看！必看！！必看！！！
a标签的第一个功能：超链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>.原创 2020-10-02 20:38:10 · 23268 阅读 · 1 评论 -
HTML中图片的网页插入以及属性设置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &l原创 2020-09-23 14:22:51 · 3332 阅读 · 0 评论 -
HTML中有序列表（＜ol＞＜li＞）和无序列表（＜ul＞＜li＞）以及定义列表的使用，以及利用无序列表制作网购按钮
有序列表（）的使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>.原创 2020-09-23 14:20:46 · 24338 阅读 · 2 评论 -
HTML基础知识的学习+附加常用HTML标签
HTML标签直通车：举例一：举例二：举例三：点击我进入HTML标签处首先看一下初学HTML的标准固定模板：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2020-09-23 14:19:20 · 755 阅读 · 0 评论