练习实例
微子细
少就是多,慢就是快,输就是赢。
展开
-
通过一个实例理解“父相子绝”(CSS重难点,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...原创 2019-07-02 20:38:40 · 1095 阅读 · 0 评论 -
通过HTML和CSS设计一个静态网页(练习实例,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web网页原址:博雅互动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-07-04 15:31:48 · 98805 阅读 · 10 评论 -
JavaScript中的Date标签——“模拟日历和倒计时”
补充:1、innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。2、innerText: 从起始位置到终止位置的内容, 但它去除Html标签小结:innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText3.效果图:代码:<!DOC...转载 2019-07-04 16:35:24 · 392 阅读 · 0 评论 -
如何制作网页的快捷导航栏部分?
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web转载请注明出处!目录1.全部商品分类部分2.具体商品分类部分3.右侧logo4.网页两侧的广告5.轮播图6.京东快报+充话费等7.今日推荐主要布局如下:1.全部商品分类部分html:设置div,第一行内容为超链接,其余行内容为列表形式;“...原创 2019-07-07 14:48:27 · 2845 阅读 · 0 评论 -
如何制作网页的顶部和底部?
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web目录1.引入外链设置2.css通用设置3.顶部导航4.banner图5.搜索框部分6.搜索框下面部分7.“多快好省”等口号8.购物指南9.地图10.其他基本div设置思路,从上到下,从左到右,层层嵌套,主要div框架如下:1....原创 2019-07-05 19:05:32 · 3018 阅读 · 0 评论 -
理解CSS浮动(练习实例,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web效果图:代码:<!-- 仅定义一个父div,然后从左到右,从上到下的顺序 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-07-02 20:33:14 · 765 阅读 · 0 评论