Web
Mango学习日记
TA很懒,不爱学习
展开
-
第二阶段CSS3—2019/9/19
CSS背景(background)1.背景颜色background-color2.背景图片background-image: url()3.是否平铺background-repeatbackground: repeat 横纵都平铺background: no-repeat 不平铺background: repeat-x x轴平铺background: repeat-y y轴...原创 2019-09-21 21:27:58 · 83 阅读 · 0 评论 -
第二阶段CSS3—2019/9/16
标签显示模式1. 块级元素2. 行内元素3. 行内块元素4. 相互装换<display:block/inline>CSS复合选择器1.交集选择器(标签选择器.class选择器)2.并集选择器(集体声明)(.class名1,标签名1,标签名2,.class名2……)3.后代选择器(父标签 子标签)4.子元素选择器(父标签 > 字标签)(只选“亲...原创 2019-09-16 21:14:53 · 109 阅读 · 0 评论 -
第二阶段CSS3—2019/9/12
引入CSS样式表(书写位置)1. 内部样式表集中写在html文档的head头标签中,并用style标签定义(之前学的)2. 行内样式表<标签名 style="属性1:属性值1; 属性2:属性值2;"> 内容 </标签名>3.外部样式表(结构html和样式CSS相分离)<link rel="stylesheet" href="xx.css">...原创 2019-09-12 16:58:43 · 97 阅读 · 0 评论 -
第二阶段CSS3—2019/9/11
2. 结构伪类选择器 <li></li>选择第一个li:first-child选择最后一个li:last-child选择第n个li:nth-child(n)选择偶数个li:nth-child(even) li:nth-child(2n)选择奇数li-child(odd) li-child(2n+1)选择所有li:child(n)从最后一个孩子...原创 2019-09-11 21:04:11 · 261 阅读 · 0 评论 -
第二阶段CSS3—2019/9/9
伪类选择1. 链接伪类选择器 <a>链接标签</a>以下顺序不能随便乱调:link /*未访问的链接*/未访问前呈红色:visited /*已经访问的链接*/访问后呈蓝色:hover /*鼠标移动到链接上*/鼠标放上去呈绿色:active /*选定的链接,即鼠标点击时*/...原创 2019-09-09 22:08:39 · 139 阅读 · 1 评论 -
第二阶段CSS3—2019/9/8
CSS字体样式属性1. font-size:字号大小<style> h1 { font-size:30px; }</style>2. font-family:字体<style> h2 { font-family:"宋体"; }</style>网页中常用的字号为14px+尽量使用偶数字号不同字体之间用,...原创 2019-09-08 21:26:55 · 85 阅读 · 0 评论 -
第二阶段CSS3—2019/9/7
CSS样式规则将样式<style> </style>写在<head> </head>中书写格式选择器 { 属性1:属性1值; 属性2:属性2值:}CSS字体样式属性font-size:字号大小...原创 2019-09-07 23:03:48 · 121 阅读 · 0 评论 -
第一阶段HTML5—2019/9/6 综合案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body> <form action=""> <fieldset> <lege...原创 2019-09-06 22:15:47 · 236 阅读 · 0 评论 -
第一阶段HTML5—2019/9/6
表单域 <form></form> 属性提交到后台 action="xxx.php"提交方式method=""表单域的名字name=""html5新增特性 <header> 定义网站页眉 </header> <nav> 定义网站导航栏 </nav> <article>定义文章&l...原创 2019-09-06 21:44:09 · 122 阅读 · 0 评论 -
第一阶段HTML5—2019/9/5
input控件(重点)(单标签)1.文本框 text用户名:<input tpye="text"/>2.密码框password密码:<input type="password"/>3.单选框radio性别:<input tpye="radio" name="sex"/>男 <input type="radio" na...原创 2019-09-05 22:15:00 · 112 阅读 · 0 评论 -
第一阶段HTML5—2019/9/4
列表标签 无序列表ul(重点) 有序列表ol (了解) 自定义列表(理解)无序列表:<ul> <li> 列表项1 </li> <li> 列表项2 </li> <li> 列表项3 </li></ul>有序列表:<ol> <li> 列表1 <...原创 2019-09-05 20:48:06 · 96 阅读 · 0 评论 -
第一阶段HTML5—2019/9/3
4. 换行标签单词缩写:break(单标签)<br />5. div span标签<div> </div><span> </span>6.文本格式化标签7.标签属性<标签名 属性1="A" 属性2="B" ……> 8.图片标签单词缩写:image (单标签)<img />...原创 2019-09-05 20:47:45 · 157 阅读 · 0 评论 -
第一阶段HTML5—2019/9/2
Web标准构成结构 HTML,样式 CSS,行为 JSHTML初识用文本来表示带有特殊标签的语言1.HTML骨架格式<html>根标签 <head>头标签 <title></title>标题标签 </head> <body>主体标签 </body></html>2.HT...原创 2019-09-05 20:47:15 · 234 阅读 · 0 评论 -
第二阶段CSS3—2019/9/18
伪元素选择器1.文本的第一个单词或字标签::first-letter2.文本第一行标签::first-line3.选中文本标签::selection4.在<div>内容</div>的内容之前插入文本标签::{ content:"开始";}5.在<div>内容</div>的内容之后插入文本标签::after{ conten...原创 2019-09-19 09:16:30 · 86 阅读 · 0 评论