第六章和第七章笔记
摘要:第六章 盒子模型 1.盒子模型组成 边框(border) 外边距(margin) 内边距(padding) 盒子的内容(content) 2.边框 border-color:边框颜色 border-top-color 上边框颜色 border-right-color右边框颜色 border-bott
阅读全文
练习4: 仿京东商城登录页面
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> header{ text-indent: 5em; } section div{ background-image:
阅读全文
练习3:电视剧详情列表
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ color: gray; border: solid 1px gray; } #m3{ color: bl
阅读全文
练习2:热门活动
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #g2{ border: solid 1px white; display: inline-block; } #w1
阅读全文
练习5:制作爱奇异视频播放列表
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>爱奇艺播放列表</title> <style type="text/css"> div h2{ font-size:16px; color:#4D4D4D; } div p:firs
阅读全文
练习4:聚美优品美容产品热点
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ background: indianred; color: white; margin: 0px; pad
阅读全文
练习3:仿京东快报
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ border: solid 1px gray; color: gray; border-top-style
阅读全文
练习2:聚美优品商品分类
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ border:dotted 1px gray; border-top-color: gray; borde
阅读全文
IT职位介绍
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>课程导航</title> <style type="text/css"> ul div{ padding: 0 ; border:solid 1px cornflowerblue;
阅读全文
第五章笔记
摘要:第五章 CSS常用属性 1. span标签 突显,强调局部文字的作用. 2.字体样式 font-size: 字体大小 font-style:normal,italic(倾斜) font-weight:normal,bold(加粗) font-familty:字体类型(楷体) font:样式 粗细 字
阅读全文
练习5:制作畅销书排行榜
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ background: green; } li{ color:cornflowerblue; } #a1{
阅读全文
练习4:制作家用电器商品分类页面
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ background: -webkit-linear-gradient(top,dodgerblue,whi
阅读全文
练习3:京东新闻资讯页
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ text-align: center; } h2{ text-align: center; color: g
阅读全文
练习2:制作开心庄园页面
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ color: #640000; } p{ color: #640000; } </style> </head
阅读全文
练习1:制作百度音乐标签页面
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> a{ color: red; } </style> </head> <body> <h1>全部歌手</h1> <p>
阅读全文
网易邮箱登录
摘要:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>网易邮箱登录</title> <style type="text/css" > header a{} body[text]{ background: #FFFFED
阅读全文
第四章笔记css
摘要:第四章 初识CSS 1.CSS(层叠样式表) 2.CSS语法 选择器{ 属性名1:属性值1; 属性名2:属性值2; } 3.引用CSS的三中方式 第一种: 行内样式 例: <a style="color:red;">内部样式</a> 第二种: 内部样式 在head标签中,写入style标签. 例:
阅读全文
制作爱奇艺视频播放列表
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>爱奇艺播放列表</title> <style type="text/css"> li h2{ font-size:16px; color:#4D4D4D; } li p:first-
阅读全文
花千骨
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选择器</title> <style type="text/css"> h2{ color:#003580; } #hh{ color:#000033; font-size:14px
阅读全文
开心餐厅
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body>img{ height="439px" wight="887" } p{ font-size:14px;
阅读全文
望庐山瀑布
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>内部引入样式《望庐山瀑布》</title> </head> <body> <h1>望庐山瀑布</h1> <p style="color:green;">日照香炉生紫烟,</p> <p
阅读全文