摘要：
项目首页.psd项目设计图 头部导航条的制作 资源： html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 阅读全文
posted @ 2024-03-20 13:40
WonderC
阅读(29)
评论(0)
推荐(0)
摘要：
案例分析：讲解留言板模块 运用文本域实现留言板的输入框 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> textarea { /* css比它自有属性 优先级 高 */ width: 100 阅读全文
posted @ 2024-02-25 17:12
WonderC
阅读(57)
评论(0)
推荐(0)
摘要：
导航条触碰下拉效果（理解鼠标浮动伪类、链接激活伪类） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文
posted @ 2024-02-21 14:39
WonderC
阅读(40)
评论(0)
推荐(0)
摘要：
仿爱奇艺视频首页新片预告实战案例 第一步：案例图片圆角制作、 图片资源： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE 阅读全文
posted @ 2024-02-21 14:39
WonderC
阅读(43)
评论(0)
推荐(0)
摘要：
案例分析：首页单屏案例 元素的相对、绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name 阅读全文
posted @ 2024-02-04 15:29
WonderC
阅读(65)
评论(0)
推荐(0)
摘要：
经典背景图文列表案例分析与思路 图文背景如何设定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na 阅读全文
posted @ 2024-02-01 14:10
WonderC
阅读(54)
评论(0)
推荐(0)
摘要：
浮动布局实现导航元素连续排列 行内元素(span元素)给上了浮动，就可以当作块状元素(div元素)的特点来使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib 阅读全文
posted @ 2024-01-30 14:14
WonderC
阅读(75)
评论(0)
推荐(0)
摘要：
案例分析:QQ邮箱登录框分析与思路 完成这样一个登陆的实现 input标签 input标签是网页中最常见的输入文字的标签 input有很多种类型：例如：密码、文字、数字、颜色、复选等 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2024-01-30 14:10
WonderC
阅读(78)
评论(0)
推荐(0)
摘要：
5大图片类型，在网页中的展示方式 图片种类 图片一般情况下分为两类，一类为像素图，一类为矢量图 像素图是由一颗颗像素点组成，如果放大看，会看到像素点 矢量图一般是由软件生成，如果放大看，不会产生像素点 PS新建保存 新建快捷键为Ctrl加n，或者使用菜单功能另存为ctrl(command)加s，或者 阅读全文
posted @ 2024-01-30 14:03
WonderC
阅读(50)
评论(0)
推荐(0)
摘要：
最终呈现效果 理解img标签的作用与效果 img标签： 前端网页的图片展示标签，单标签，英文非缩写为image 常用属性为地址、宽度与高度 常见的后缀格式为jpg、jpeg、png、gif等 <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文
posted @ 2024-01-30 11:35
WonderC
阅读(183)
评论(0)
推荐(0)
浙公网安备 33010602011771号