- 博客(12)
- 收藏
- 关注
原创 day12——制作悬浮窗
【案例描述】 在制作电商网站时,通常需要使用一些精美的悬浮框队商品信息进行简单的分类,这也既可以方便消费者搜索商品,也可以使网页结构变得清晰美观。本节将运用无序列表制作一款精美的电商悬浮窗,使其效果如图:知识引入1.无序列表...
2022-03-26 16:28:23 1590
原创 day10——设置背景
1.设置背景颜色background-color:颜色值;2.设置背景图像background-image:url(图像路径);3.设置背景图像平铺background-repeat:属性值;属性值取值如下:·repeat:沿水平和竖直方向平铺(默认值)。·no-repeat:不平铺。·repeat-x:只沿水平方向平铺。·repeat-y:只沿竖直方向平铺。...
2021-10-05 22:13:16 211
原创 day9——用户中心
使用盒子模型制作用户登录界面。【example】用户中心<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ
2021-09-30 14:36:49 165
原创 day8——盒子模型-制作音乐盒
1.盒子模型 就是把HTML页面中的元素(内容(content)、内边距(padding)、边框(border)和外边距(margin)构成)看作是一个矩形盒子,里面可以盛装内容。【demo1】盒子模型基本元素
2021-09-30 11:29:46 2261
原创 day7——搜索页面
1.复合选择器(1)标签指定式选择器 由两个选择器构成,第一个为标记选择器,第二个为class或id选择器,用.或#连接。如h2.special或p#one。(2)后代选择器
2021-09-23 15:29:07 225
原创 day6——综合案例实现
【example06】B站花好月圆中秋活动简介HTML文档:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-
2021-09-20 17:14:57 88
原创 day5——使用CSS美化网页
1.CSS规则选择器{属性1:属性值;属性2:属性值2;属性3:属性值3;}例如:h2{font-size:20px;color:red;}注意:1.
2021-09-19 14:26:15 371
原创 前端学习日记day4——图文混排
1.图像标记<img/>语法:<img src="图像URL"> 其中src属性用于指定图像文件的路径和文件名。表1-1 <img/>标记相关属性 属性 属性值 描述 src URL 图像路径 alt 文本 图像不能显示时的替换文本 title 文本 鼠标悬停时显示的内容 width 像素 设置图像宽度 height 像素...
2021-09-14 17:42:25 1992
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人