摘要: 一、1、color: 文本颜色 预定义文本颜色值,如red,blue等 十六进制的颜色值 #fff白色 建议常用的表示方法 RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,%0,%0) 2、行间距: line-height line-height: 10px; 3、text- 阅读全文
posted @ 2019-03-06 15:13 king-blue 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 基础选择器一、标签选择器(元素选择器)标签选择器是指用HTML标签名称作为选择器,按标签名称分类语法:标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 二、类选择器1、类选择器使用"."(英文)+类名进行选择 三、css命名规范1、长名称或词组可以使用中横线来为选择器命名2、不建议使 阅读全文
posted @ 2019-03-01 09:32 king-blue 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 一、CSS样式规则 1、基本结构 <html> <head> <style> h1{ color: orange; } </style> </head> <body> </body> </html> 二、font字体 1、字号与字体 font-size: 字号大小 font-family: 字体 f 阅读全文
posted @ 2019-02-26 16:17 king-blue 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 一、常用新增标签 1、header:定义页面的页眉头部 2、nav:定义导航栏 3、footer:定义页面底部,页脚 4、article:定义文章 5、section:定义区域 6、aside:定义侧边 7、datalist: 定义选项列表 与input搭配使用 <input type="text" 阅读全文
posted @ 2019-02-22 09:22 king-blue 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 表单有由表单域、提示文本、表单3部分构成 一、表单控件 input 控件 1、<input />单标签2、input属性: 可以通过type属性变换形状 value默认值 name名称 checked=checked默认选中 maxlength 最多输入 正整数3、<input /> type属性值 阅读全文
posted @ 2019-02-20 10:25 king-blue 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 表格用来处理表格式数据的,不是用来布局的。 一、基本语法格式 <table> <tr> 行标签 <td></td> 单元格标签 </tr> </table> 二、表格注意事项 <tr>里只放<td>标签 <td>里可以放所有元素 三、表格属性 在table中设置 boder: 默认border="0 阅读全文
posted @ 2019-02-20 10:18 king-blue 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 1、路径 一、相对路径1、同级路径2、下级路径 /3、上级路径 ../上一级路径 ../../上两级二、绝对路径 2、列表 列表特点;整齐、整洁、有序 一、无序列表语法格式<ul> <li></li> <li></li></ul>注:<ul>里一般只放<li>标签 <li>标签里可以容纳所有元素 无 阅读全文
posted @ 2019-02-18 09:14 king-blue 阅读(368) 评论(0) 推荐(0) 编辑
摘要: HTML标签的认识一、标签的分类1、双标签 如<html> </html>2、单标签 如<br \> 换行标签 二、标签的关系1、嵌套关系 如<head> 与title 父子关系<head><title></title></head>2、并列关系如<head>与<body> 兄弟关系 三、排版标签1 阅读全文
posted @ 2019-02-15 09:49 king-blue 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 一、效果 二、知识点 1、background-color: rgba(0,0,0,.4); (红色、绿色、蓝色、透明度(0-1)) 2、position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /* 阅读全文
posted @ 2019-01-29 10:02 king-blue 阅读(433) 评论(0) 推荐(1) 编辑
摘要: 恢复内容开始 一、效果 二、知识点 1、line-height:1;/*清除默认高度*/ 2、font-weight: bold;/*字体加粗*/ 3、transition-delay: 0.1s;延迟动画过渡 4、:nth-child(1)按下标选取集合元素的子元素 5、<span>一般用于没有实 阅读全文
posted @ 2019-01-25 14:21 king-blue 阅读(670) 评论(0) 推荐(1) 编辑