![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端技术
js、css
墨渐生微
金鳞岂是池中物,一遇风云变化龙。
展开
-
第四章 初识CSS
CSS样式 行内样式:使用style属性引入CSS样式<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <!--行内样式原创 2018-08-27 23:35:32 · 232 阅读 · 0 评论 -
第五章 CSS美化页面
<span>标签:行级层<div>标签:块级层<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>span和div的区别</title> </head&原创 2018-08-27 23:40:54 · 296 阅读 · 0 评论 -
第六章 CSS布局设计
边框:border 边框颜色:border-color 边框粗细:border-width 边框样式:border-style<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti...原创 2018-08-28 19:58:53 · 220 阅读 · 0 评论 -
第七章 浮动
块级元素block:独占一行、可设宽高;div、p、h内联元素inline:按行排列、宽高由内容所决定;span、a 内联标签可以包含于块级标签中,成为它的子元素,而反过来则不成立 display属性: block:块级元素 inline:内联元素 ...原创 2018-08-28 20:08:43 · 739 阅读 · 0 评论 -
第八章 网页动画
变形:transform 平移:translateli a:hover { /*设置a元素在鼠标移入时向右下角移动4px,8px*/ /*transform: translate(4px,8px);*/ /*transform: translateX(4px);*/ transform: translateY(8px); ...原创 2018-08-28 20:14:31 · 204 阅读 · 0 评论 -
第一章 HTML基础
制作《清平月》 需求说明:标题用<h2>标签,文字用 <p>标签,标题与正文之间的分隔线使用<hr/>标签,词结束后使用<br/>标签换行<!DOCTYPE html><html> <head> <meta charset="UTF-8"原创 2018-08-25 21:21:53 · 2873 阅读 · 0 评论 -
第二章 列表、表格与媒体元素
一、制作音乐排行榜 需求说明:使用无序列表制作音乐排行榜热门活动<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>热门活动</title> </head> <原创 2018-08-25 21:26:37 · 2139 阅读 · 0 评论 -
第三章 表单
制作语义化的表单 需求说明:使用表单制作注册界面 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body>原创 2018-08-25 21:28:43 · 331 阅读 · 0 评论