HTML+CSS
# HTML+CSS
Zero-To-One
追风赶月莫停留 平芜尽处是春山
展开
-
简单介绍-CSS3选择器
<!-- 基本选择器 1、标签选择器:p{font-size: 12px;} 2、类选择器:.font18px { font-size: 18px; } 3、ID选择器:#box{padding:100px;} 4、通配选择器:* {margin: 0;} --> <!-- 组合选择器 1、包含选择器:#header p { f...原创 2020-01-13 21:16:11 · 174 阅读 · 0 评论 -
关于CC3动画效果笔记(思维导图)
原创 2020-04-23 22:38:18 · 230 阅读 · 0 评论 -
每天一页:002.欢乐餐厅【难度系数:★】
1.整体效果2.整体框架HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>欢乐餐厅</title> <link rel="stylesheet" type="text/css" href="./css/index.css" /> </head> <body> <div原创 2020-07-07 11:11:35 · 411 阅读 · 0 评论 -
每天一页:001.留学网【难度系数:★】
index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>留学网</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(原创 2020-07-02 16:29:57 · 194 阅读 · 0 评论 -
Web前端开发-简单导航栏实例
HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>夏季导航栏</title> <link rel="stylesheet" type="text/css" href="../css/夏季导航栏.css" /> </head> <body> <!--logo图片等--> ...原创 2020-05-17 12:21:45 · 1835 阅读 · 0 评论 -
Web前端开发-轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Surface Book 3</title> <style type="text/css"> #div-surface img { /* 只设置宽不设高可以等比例缩放 */ width: 650px; } #div-introduce { wi...原创 2020-05-17 03:41:54 · 973 阅读 · 0 评论 -
Web前端开发-关注热榜
HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>关注热榜</title> <link rel="stylesheet" type="text/css" href="../css/关注热榜.css" /> </head> <body> <div id="div-newList"&..原创 2020-05-17 03:24:11 · 391 阅读 · 0 评论 -
Web前端开发-内容溢出处理方式
.html部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>设置内容溢出处理方式</title> <link href="../2.css/04.设置内容溢出处理方式.css" rel="stylesheet" type="...原创 2020-04-26 21:45:39 · 950 阅读 · 0 评论 -
Web前端开发-为网页元素添加阴影效果
效果图.html部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>为网页元素添加阴影效果</title> <link href="../2.css/03.为网页元素添加阴影效果.css" rel="stylesheet" t...原创 2020-04-26 21:42:30 · 2517 阅读 · 0 评论 -
Web前端开发-实现网页元素水平和垂直居中对齐
效果图.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>实现网页元素水平和垂直居中对齐</title> <link href="../2.css/02.实现网页元素水平和垂直居中对齐.css" rel="sty...原创 2020-04-26 21:39:37 · 1321 阅读 · 0 评论 -
前端开发——设置网页元素盒模型
——html部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>设置网页元素盒模型</title> <link href="../2.css/01.设置网页元素盒模型.css" rel="stylesheet" type="tex...原创 2020-04-26 19:06:48 · 242 阅读 · 0 评论