摘要: 项目首页.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 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 案例分析:讲解留言板模块 运用文本域实现留言板的输入框 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> textarea { /* css比它自有属性 优先级 高 */ width: 100 阅读全文
posted @ 2024-02-25 17:12 WonderC 阅读(27) 评论(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 阅读(16) 评论(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 阅读(15) 评论(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 阅读(25) 评论(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 阅读(17) 评论(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 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 案例分析:QQ邮箱登录框分析与思路 完成这样一个登陆的实现 input标签 input标签是网页中最常见的输入文字的标签 input有很多种类型:例如:密码、文字、数字、颜色、复选等 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2024-01-30 14:10 WonderC 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 5大图片类型,在网页中的展示方式 图片种类 图片一般情况下分为两类,一类为像素图,一类为矢量图 像素图是由一颗颗像素点组成,如果放大看,会看到像素点 矢量图一般是由软件生成,如果放大看,不会产生像素点 PS新建保存 新建快捷键为Ctrl加n,或者使用菜单功能另存为ctrl(command)加s,或者 阅读全文
posted @ 2024-01-30 14:03 WonderC 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 最终呈现效果 理解img标签的作用与效果 img标签: 前端网页的图片展示标签,单标签,英文非缩写为image 常用属性为地址、宽度与高度 常见的后缀格式为jpg、jpeg、png、gif等 <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文
posted @ 2024-01-30 11:35 WonderC 阅读(63) 评论(0) 推荐(0) 编辑