摘要：
服务器端的测试工具用来编写大纲；https://gsnedders.html5.org/outliner/ 阅读全文
posted @ 2018-02-28 18:58
君灬莫笑
阅读(112)
评论(0)
推荐(0)
摘要：
一、颜色表方案 (除了颜色表之外，想要获取颜色值，可以通过photoshop能平面设计软件的调色板获取相应的值) 颜色表查阅的网址例如： ********************************************************************************* 阅读全文
posted @ 2018-02-28 18:58
君灬莫笑
阅读(932)
评论(0)
推荐(0)
摘要：
第三十章 使用Emmet插件本章节需要安装插件：Sublime Text3 的一个HTML5 代码提示插件：emmet,这个插件比原来的插件强大许多。 如果想输入背景属性，直接使用 bg 即可 bg = background:|; 使用 bg+ 可以使用背景属性的完整形式 bg+ = backgro 阅读全文
posted @ 2018-02-28 18:57
君灬莫笑
阅读(151)
评论(0)
推荐(0)
摘要：
第二十九章 CSS3弹性伸缩布局【下】 一、新版本 （可以让心浏览器全面兼容，在未来浏览器更新换代中实现统一） 首先，设置伸缩盒的display有如下两个属性 （1）flex 将容器盒模型作为块级弹性伸缩盒显示（新版本） （2）inline-flex 将容器盒模型作为内联级弹性伸缩盒显示（新版本） 阅读全文
posted @ 2018-02-28 18:56
君灬莫笑
阅读(206)
评论(0)
推荐(0)
摘要：
第二十九章 CSS3弹性伸缩布局【中】 一、混合过滤板（主要针对IE10浏览器伸缩布局效果） 首先，设置伸缩盒的display有如下两个属性值 （1）flexbox 将容器盒模型作为块级弹性伸缩盒显示（混合版本） （2）inline-flexbox 将容器盒模型作为内联级弹性伸缩盒显示（混合版本） 阅读全文
posted @ 2018-02-28 18:55
君灬莫笑
阅读(197)
评论(0)
推荐(0)
摘要：
第二十八章 CSS3多列布局 一、早期多列问题 //五段内容，分为三列 <div> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> </div> //带标题的五段内容，分为三列。 <div> <h3>第一段内容</h3> <p>。。。</ 阅读全文
posted @ 2018-02-28 18:54
君灬莫笑
阅读(283)
评论(0)
推荐(0)
摘要：
第二十九章 CSS3弹性伸缩布局【上】 一、布局简介 Flexbox布局，即弹性伸缩布局模型（Flexible Box）,他能更有效的实现布局，但这个布局还处于W3C的草案阶段，并且分旧版本，新版本，混合过渡阶段三种不同的编码。 IE Firefox Chrome Opera Safari 支持需带 阅读全文
posted @ 2018-02-28 18:54
君灬莫笑
阅读(193)
评论(0)
推荐(0)
摘要：
第二十七章 传统布局【下】 一、定位布局 CSS2提供了position属性来实现元素的绝对定位和相对定位 （1）static :默认值，无定位 （2）absolute :绝对定位，使用top,right,bottom,left进行位移 （3）relative :相对定位，使用top,right,b 阅读全文
posted @ 2018-02-28 18:53
君灬莫笑
阅读(171)
评论(0)
推荐(0)
摘要：
第二十六章 CSS3动画效果 一、动画简介 CSS3提供了类似Flash关键帧控制的动画效果，通过animation属性实现。之前学的transform属性只能通过指定属性的初始状态和结束状态实现动画效果，有一定局限性。 animation实现动画效果有两个部分组成 1、通过类似Flash动画中的关 阅读全文
posted @ 2018-02-28 18:52
君灬莫笑
阅读(208)
评论(0)
推荐(0)
摘要：
第二十七章 传统布局【上】 一、布局模型 二、表格布局 （非常不建议使用） 就是通过设定固定的单元格，去除表格边框和填充实现的布局，他应该在二维表格的数据显示 1、固定布局 //html部分 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta chars 阅读全文
posted @ 2018-02-28 18:52
君灬莫笑
阅读(130)
评论(0)
推荐(0)
摘要：
第二十四章 CSS3变形效果【下】 一、3D变形简介 【上】讲的是2D，本章讲的是3D（在二维基础上多出一个z轴）。 属性值 说明 translate（x,y,z） 3D方式平移元素，设置x,y和z轴 translateZ(z) 设置3D方式平移元素的z轴 scale3d(x,y,z) 3D方式缩放 阅读全文
posted @ 2018-02-28 18:50
君灬莫笑
阅读(219)
评论(0)
推荐(0)
摘要：
第二十五章 CSS3过渡效果 一、过渡简介 过渡效果一般是通过一些简单的CSS动作触发平滑过渡功能，比如：hover、：focus、：active、：checked等，CSS3提供了transition属性来实现这个过渡的，主要属性如下 属性 说明 transition-property 指定过渡或 阅读全文
posted @ 2018-02-28 18:50
君灬莫笑
阅读(307)
评论(0)
推荐(0)
摘要：
第二十四章 CSS3变形效果【上】 一、transform CSS3提供元素变形效果，也叫作变换。他可以使元素实现旋转，缩放和平移功能。属性有 （1）transform ：指定应用的变换功能 （2）transform ：指定变换的起点 对于transform的属性值，具体如下表： 属性值 说明 no 阅读全文
posted @ 2018-02-28 18:49
君灬莫笑
阅读(365)
评论(0)
推荐(0)
摘要：
第二十三章 CSS边框图片效果 一、属性解释 用几个属性就可以嵌入图片形式的边框。 1、border-image-source : 引入背景图片地址 2、border-image-slice : 切割引入背景图片 3、border-image-width : 边框图片的宽度 4、border-ima 阅读全文
posted @ 2018-02-28 18:48
君灬莫笑
阅读(2047)
评论(0)
推荐(0)
摘要：
第二十一章 CSS3文本效果 **************************************************** *查询适应的最低版本，可以去：“http://caniuse.com”* ********************************************* 阅读全文
posted @ 2018-02-28 18:46
君灬莫笑
阅读(137)
评论(0)
推荐(0)
摘要：
第二十一章 CSS渐变效果 一、线性渐变 linear-gradient（方位，起始色，末尾色） (1) 方位 ：可选参考数，渐变的方位。可以使用的值：to top、to top right、to right、to bottom、to bottom left、to left、to top left。 阅读全文
posted @ 2018-02-28 18:46
君灬莫笑
阅读(164)
评论(0)
推荐(0)
摘要：
第十九章 CSS其他样式 一、黑色和透明度 属性 值 说明 CSS版本 color 颜色值 设置文本前景色 1 //设置文本颜色 CSS提供了一个属性opacity，可以设置有元素的透明度。 opacity 0～1 设置元素的透明度 3 二、盒子阴影和轮廓 1、box-shadow：（CSS提供了一 阅读全文
posted @ 2018-02-28 18:44
君灬莫笑
阅读(153)
评论(0)
推荐(0)
摘要：
第二十章 CSS3前缀和rem 一、css3前缀（每个浏览器的专有前缀，各大厂商的前缀列表如下） 浏览器 厂商前缀 Chrome、Safari -webkit- Opera -o- Firefox -moz- Internet Explorer -ms- //在这里用 border-radius 举 阅读全文
posted @ 2018-02-28 18:44
君灬莫笑
阅读(227)
评论(0)
推荐(0)
摘要：
第十八掌 CSS表格与列表 一、表格样式 属性 值 说明 CSS版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框间距 2 caption-side 位置名称 表格标题位置 2 empty-cells 显示值 空单元格是否显 阅读全文
posted @ 2018-02-28 18:43
君灬莫笑
阅读(186)
评论(0)
推荐(0)
摘要：
第十七章 CSS边框与背景【下】 一、设置背景 属性 值 说明 CSS版本 background-color 颜色 背景的颜色 1 background-image none或url 背景的图片 1/3 background-repeat 样式名称 背景图片的样式 1/3 background-si 阅读全文
posted @ 2018-02-28 18:42
君灬莫笑
阅读(144)
评论(0)
推荐(0)
摘要：
第十六章 CSS盒模型【下】 一、元素可见性 使用visibility属性可以实现元素的可见性，这种样一般可以配合JavaScript来实现效果。 属性 值 说明 CSS版本 { visible 默认值，元素在页面上可见 2 visibility { hidden 元素不可见，但会占据空间 2 { 阅读全文
posted @ 2018-02-28 18:41
君灬莫笑
阅读(133)
评论(0)
推荐(0)
摘要：
第十七章 CSS边框与背景【上】 一、声明边框 属性 值 说明 CSS版本 1、border-width 长度值 设置边框的宽度（可选） 1 2、border-style 样式名称 设置边框的样式（必选） 1 3、border-color 颜色值 设置边框的颜色（可选） 1 //@charset " 阅读全文
posted @ 2018-02-28 18:40
君灬莫笑
阅读(131)
评论(0)
推荐(0)
摘要：
第十六章 CSS盒模型【上】 一、元素尺寸 属性 值 说明 CSS版本 1、width auto、长度值或百分比 设置元素的宽度 1 2、height auto、长度值或百分比 设置元素的高度 1 3、min-width auto、长度值或百分比 设置元素最小宽度 2 4、min-height au 阅读全文
posted @ 2018-02-28 18:39
君灬莫笑
阅读(102)
评论(0)
推荐(0)
摘要：
第十五章 CSS文本样是【下】 一、文本总汇 二、文本样式 :CSS文本样式分为三种：文本装饰，英文大小写转换，文本阴影。 1、text-decoration （1）none :让本身有划线的文本取消掉； （2）underline :让文本的底部出现一条下划线； （3）overline :让文本的顶 阅读全文
posted @ 2018-02-28 18:35
君灬莫笑
阅读(121)
评论(0)
推荐(0)
摘要：
第十五章 CSS文本样式 一、字体总汇 二、字体设置 1、font-size （1）xx-small } （2）x-small } （3）small } 设置字体的大小，每个值从小到大的固定值 （4）mediue } （5）large } （6）x-large } （7）xx-large } 例、p 阅读全文
posted @ 2018-02-28 18:34
君灬莫笑
阅读(165)
评论(0)
推荐(0)
摘要：
第十三章 CSS选择器【下】 一、伪类选择器总汇 二、结构性伪类选择器 ：能够根据元素在文档中的位置选择元素，这类元素都有一个前缀（:） 1、根元素选择器 :（基本不怎么用，因为总是返回<html>元素） 2、子元素选择器 :（伪类都需要加上前置来限制范围） （1） <ul><li></li><li 阅读全文
posted @ 2018-02-28 18:33
君灬莫笑
阅读(173)
评论(0)
推荐(0)
摘要：
第十四章 CSS颜色与度量单位 一、颜色表方案 (除了颜色表之外，想要获取颜色值，可以通过photoshop能平面设计软件的调色板获取相应的值) 颜色表查阅的网址例如： ***************************************************************** 阅读全文
posted @ 2018-02-28 18:33
君灬莫笑
阅读(179)
评论(0)
推荐(0)
摘要：
第十三章 CSS选择器 一、选择总汇 选择器 名称 例子描述 CSS版本 .<class> class选择器 选择 class指定类型的所有元素。 1 #id id选择器 选择 id属性的所有元素。 1 * 通用选择器 选择所有元素。 2 [attr]系列 属性选择器 选择指定after属性的元素 阅读全文
posted @ 2018-02-28 18:32
君灬莫笑
阅读(132)
评论(0)
推荐(0)
摘要：
第十二章 CSS入门 一、使用CSS 二、三种方式 1、元素内嵌样式： // <p style="color:red;font-size:50px;">这是一段文本</p> 2、文档内嵌样式：在<head>元素之间创建<style>元素，通过选择器的方式调用指定的元素并设置相关的CSS。 例：<he 阅读全文
posted @ 2018-02-28 18:28
君灬莫笑
阅读(100)
评论(0)
推荐(0)
摘要：
第十一章 全局属性和其他 一、实体 以实体代替与HTML语法相同的字符，避免浏览解析错误。 常用HTML字符实体（建议使用实体）： | ———————————————————————— |字符 | 实体名 实体编码 名称 | “ | " " 双引号 | & | & & &符 | < | < < 左尖 阅读全文
posted @ 2018-02-28 18:17
君灬莫笑
阅读(251)
评论(0)
推荐(0)
摘要：
第十章 表单元素【下】 一、其他元素 1、select ：生成一个下拉列表进行选择； 额外属性： （1）name：设定提交的名称； （2）disabled 将下拉列表禁用； （3）form 将表单外的下拉列表与某个表单挂钩； （4）size 设置下拉列表的高度； （5）multiple 设置是否可以 阅读全文
posted @ 2018-02-28 18:16
君灬莫笑
阅读(147)
评论(0)
推荐(0)
摘要：
第十章 表单元素【中】 一、type 属性总汇 1、type为text时 :一个单行文本，默认行为； //<input type="text"> text为默认值，呈现的是一个可以输入任意字符的文本框，还提供了额外属性： |——————————————————————————————| | 属性名称 阅读全文
posted @ 2018-02-28 18:15
君灬莫笑
阅读(159)
评论(0)
推荐(0)
摘要：
第九章 音频和视频 一、音频和视频的概念 首先，要先了解两个概念：容器(container)和编解码器（codec） 1、视频容器：视频文件包含音频轨道，视频轨道，其他的元数据。 视频在播放时音频轨道和视频轨道绑在一起 主流视频格式为：.avi/.flv/.mp4/.mkv/.ogg/.webm 2 阅读全文
posted @ 2018-02-28 18:14
君灬莫笑
阅读(131)
评论(0)
推荐(0)
摘要：
第十章 表单元素 一、 1、<form> 表示html表单：（单独本事没什么效果，不定义无法提交） | 元素名称 （1） action ： 表示表单提交的页面； //<form action="http://www.baidu.com"> （2） method : 表单的请求方式，有POST和GET 阅读全文
posted @ 2018-02-28 18:14
君灬莫笑
阅读(114)
评论(0)
推荐(0)
摘要：
第八章 嵌入学习 一、 1、<img> 嵌入图片： (1)、alt 当图片不加载时显示的备用内容； (2)、width 定义图片的长度（单位是像素）； (3)、height 定义图片的高度（单位是像素）； (4)、ismap 创建服务器端分区响应图； (5)、usemap 关联<map>元素； 例一 阅读全文
posted @ 2018-02-28 18:12
君灬莫笑
阅读(133)
评论(0)
推荐(0)
摘要：
第七章 文档元素 一、 1、<header> ：主要是设置页面的标头部分。 2、<footer> ：主要是设置页面的尾部。 3、<h1>~<h6> ：加粗并改变字体的大小。 4、<hgroup> ：当多个标题出现时，干扰到一对或多个本身需要整合的标题，这是使用次元素。 5、<section> ：定义 阅读全文
posted @ 2018-02-28 18:09
君灬莫笑
阅读(112)
评论(0)
推荐(0)
摘要：
第六章 表格元素 一、 table (表示表格) thead (表示标题行) tbody (表示表格主题) tfoot (表示表脚) tr (表示一行单元格) th (表示标题行单元格) td (表示单元格) col (表示一列) colgroup (表示一组对) caption (表示表格标题) 阅读全文
posted @ 2018-02-28 18:06
君灬莫笑
阅读(384)
评论(0)
推荐(0)
摘要：
第五章 分组元素 一、 1、<p> 建立段落：就是分段，上下两段有明显的距离。 2、<div> ：早起经常作为布局使用，和<p>的区别就是上下两段之间没有空隙，和<br>换行一样。 3、<blockquote> 引出大段来自他出的内容：除了与<p>的功能一样，有段落空隙的功能外，还有首尾自动缩进的功 阅读全文
posted @ 2018-02-28 17:54
君灬莫笑
阅读(201)
评论(0)
推荐(0)
摘要：
第四章：超链接和路径 一、 1、href 属性：href是必须属性，否则<a>就变成空元素了。（如果属性是http://开头的URL，意味着跳转到外部网站） 2、target 属性： <a href="http://www.baidu.com" target="_blank" >百度</a> 属性名 阅读全文
posted @ 2018-02-28 17:46
君灬莫笑
阅读(482)
评论(0)
推荐(0)
摘要：
第三章 文本元素 一、 1、b 元素: 表示对关键字和产品名称进行加粗内容，并不是特别强调或重要性。 <b>html5</b> 2、strong 元素： 和<b>一样是对内容进行加粗，表示强调一段重要的文本。 3、<br>:强制换行。 <wbr>:安全换行。 4、<i> 表示对内容倾斜，区分周围内容 阅读全文
posted @ 2018-02-28 17:43
君灬莫笑
阅读(135)
评论(0)
推荐(0)
摘要：
HTML，css知识点是暑假根据网课学的，每天整理的知识点，刚开通博客，上传留作备份，方便查询。 阅读全文
posted @ 2018-02-28 17:41
君灬莫笑
阅读(59)
评论(0)
推荐(0)
摘要：
一、 1、先在“文件”中打开文件夹，选择一个文件夹，在“查看”中的“侧边栏”中可以显示/隐藏工作栏。 2、在“文件”中新建文件夹，在“文件夹”保存或"Ctry+S"保存，弹出让你保存的位置，选择保存在“第一步”选中的文件夹，取名（例如index.html）。 二、 在完成“一”中的过程后. 1、直接 阅读全文
posted @ 2018-02-28 17:34
君灬莫笑
阅读(442)
评论(0)
推荐(0)
浙公网安备 33010602011771号