摘要：
㈠currentColor定义及理解 来自MDN的解释：currentColor代表了当前元素被应用上的color颜色值。 使用它可以将当前这个颜色值应用到其他属性上，或者嵌套元素的其他属性上。 你这可以这么理解，CSS里你可以在任何需要写颜色的地方使用currentColor这个变量，这个变量的值 阅读全文
摘要：
今天记录学习的设计网站首页的咖啡菜单，综合运用所学习的html，css背景，文本，字体，链接，表格，盒子，选择器，定位，以及css3的阴影，圆角边框，2d变换等内容。 ㈠咖啡菜单整体样式 运用html和css知识做出来的整体效果图，如下图所示： ⑴左侧的小咖啡图片是广告位，不随页面变动而变动； ⑵表 阅读全文
摘要：
主要记录两个css3 3D转换的示例 ㈠哆啦A梦 三个哆啦A梦的图片，分别让其围绕X轴，Y轴，Z轴旋转60度，鼠标放上开始发生变化。 具体代码如下图所示： 效果如下所示： ⑴鼠标放在第一个图片效果如下： ⑵鼠标放在第二个图片效果如下： ⑶鼠标放在第三个图片效果如下： ㈡纯HTML+CSS制作的旋转的 阅读全文
摘要：
CSS3 允许使用 3D 转换来对元素进行格式化。 ㈠浏览器支持 Internet Explorer 10 和 Firefox 支持 3D 转换。 Chrome 和 Safari 需要前缀 -webkit-。 Opera 仍然不支持 3D 转换（它只支持 2D 转换）。 ㈡rotateX() 方法 阅读全文
摘要：
㈠什么是 Emmet？ 你可以使用类似于 CSS 选择器的语法来描述生成的树和元素属性中的元素位置。 ㈡嵌套运算符（Nesting Operator） 嵌套运算符用于在生成的树内定位缩写元素：它是否应该放置在上下文元素内部或附近。 ⑴子代操作符（Child）：> div 下有一个子代的 div，紧接 阅读全文
摘要：
通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 ㈠@keyframes 规则 ⑴浏览器支持 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 阅读全文
摘要：
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。 ㈠什么是选择器？ 每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象，也就是“样式” 阅读全文
摘要：
㈠原理 ⑴css 属性——Box Moel分为两种：W3C标准和IE标准盒子模型。 ⑵大多数浏览器采用W3C标准模型，而IE中采用Microsoft自己的标准。 ⑶怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。 ⑷当不对Doctype进行定 阅读全文
摘要：
2D转换方法：在平面对元素进行旋转，缩放，移动，拉伸。 ㈠浏览器支持 ⑴2D转换效果有以下的浏览器支持： ⑵在编辑代码的时候要注明用哪种浏览器打开，在前面加上前缀，下面是编辑器的简写形式，以及前缀名： ㈡ transform 属性 ⑴rotate() 进行旋转的函数 ⑵scale() 进行缩放的函数 阅读全文
摘要：
★★CSS 分类属性 (Classification)★★ ⑴CSS 分类属性允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素，使用绝对值来定位元素，以及元素的可见度。 ⑵下面是常用的属性以及描述： ★★下面用具体的示例来解释相关的属性★★ ㈠本例演示如何把元素显示 阅读全文
摘要：
㈠背景色 background-color ⑴background-color 属性设置元素的背景颜色。 ⑵元素背景的范围： background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。 如果边框有透明部分（如虚线边 阅读全文
摘要：
CSS 文本属性可定义文本的外观。 通过文本属性，可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进等。 ㈠缩进文本 text-indent 通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。 ⑴使用负值 比如“悬挂缩进”，即第一行 阅读全文
摘要：
㈠概念 什么是 XML? ⑴XML 指可扩展标记语言（EXtensible Markup Language） ⑵XML 是一种标记语言，很类似 HTML ⑶XML 的设计宗旨是传输数据，而非显示数据 ⑷XML 标签没有被预定义，需要自行定义标签。 ⑸XML 被设计为具有自我描述性。 ⑹XML 是 W 阅读全文
摘要：
有 4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。 ㈠内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 ㈡嵌入方式 嵌入方式指的是在 HTML 头部中的 <style 阅读全文
摘要：
㈠css3的新特性实际应用 ⑴文本阴影效果，用代码编写的方式实现 ⑵鼠标悬停的动态效果 左侧三幅图片，上面初始状态是没有说明文本的，但把鼠标放在上面的时候，这个图片上面就出现了说明文字 ⑶分栏分列式排版：类似于报刊的排版方式 ⑷做一个盒子它的圆角边框，还可以做一个盒子的阴影效果，若干个盒子的旋转效果 阅读全文
摘要：
详细说一下有关json的相关知识： ㈠json与xml的异同 ★与 XML 相同之处 ⑴JSON 是纯文本 ⑵JSON 具有"自我描述性"（人类可读） ⑶JSON 具有层级结构（值中存在值） ⑷JSON 可通过 JavaScript 进行解析 ⑸JSON 数据可使用 AJAX 进行传输 ★与 XML 阅读全文
摘要：
主要说一些关于json的简单应用 ㈠概念 JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。 它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结 阅读全文
摘要：
今天说一些vue的知识 ㈠概念 Vue数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的 Vue内部通过Object.defineProperty方法属性拦截的方式，把data对象里每个数据的读写转化成getter/setter，当数据变化时通知视图更新。 ㈡vue双向绑定原理 Vu 阅读全文
摘要：
主要说一些viewport的基本原理以及使用 ㈠概念 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移 阅读全文
摘要：
介绍HTML设置滚动文字marquee的相关属性 ㈠文字滚动标签 设置文字滚动使用<marquee></marquee>标签，可以再标签里面设置字体的颜色，字号，字体大小等。 ㈡滚动方向属性——direction ⑴代码写法：<marquee direction="滚动方向">滚动文字</marqu 阅读全文
摘要：
主要写关于层定位的相关知识 ㈠定位概述 ⑴像图像软件中的图层一样可以对每一个layer能够精确定位操作 ⑵层定位的position属性决定了当前的一个网页元素，可以叠加到另一个网页元素上面，那么我们把这个网页元素称为一层，那么外面的元素称为父层，里面嵌入的元素称为子层 ⑶position属性 （相对 阅读全文
摘要：
CSS定位机制Ⅱ——浮动定位 float属性：进行浮动定位 left，right clear属性：清除浮动 left，right，both ㈠ float属性 1.概述 ⑴div实现横向多列布局 ⑵float属性 left——左浮动 right——右浮动 none——不浮动 下图为代码的实现： ㈡ 阅读全文
摘要：
练习一个超链接元素在文档流当中，a标签显示出来的inline这种元素的特性。我们可以用display来将它转换成inline-block类型，这样我们就可以设置它的高度，宽度和它的背景颜色等等特性了。 现在通过inline元素代码的编写形成以下图片显示出来的效果： ㈠在<body>里面先把它的内容结 阅读全文
摘要：
关于CSS的定位机制Ⅰ ㈠概念 对于盒子模型来说，也就是页面元素，这些盒子究竟在页面的什么位置，怎样排列它，那么找到它的位置，确定它的位置，这个就是定位机制所决定的。 ㈡分类 文档流， 浮动定位，层定位 ㈢三种类型定位的功能 ⑴文档流定位（normal flow） 默认 我们不需要额外的设置，每种元 阅读全文
摘要：
今天要写的是CSS布局—盒子模型 首先说一下CSS的整体布局： 它包括容器（container），页眉（header），导航条（navbar），页面主要内容（main），菜单（menu），主要内容（content），边条（sidebar），页脚（footer）。 具体图下图所示： ㈠概念与组成 1. 阅读全文
摘要：
接着上一篇总结一些css的相关知识 ㈠背景 背景属性 1.background-color 背景颜色 rgb函数设置 2.background-image 背景图片 url（“logo.jpg”） 添加一个url函数，这个函数括号括起来，参数双引号之内带有的是添加成背景图片的这个图片的完整路径（相对 阅读全文
摘要：
总结一些css的基础知识 ㈠css样式 css：cascading style sheets 层叠样式表 css内容和样式相分离，便于修改样式。 ㈡css语法 ㈢css添加方法 ⑴行内添加：放在<body>标签里 ⑵内嵌样式：放在<head>标签里 ⑶单独文件：在<head>标签里添加<link>标 阅读全文
摘要：
主要记录二进制与十进制，八进制和十六进制之间的转换 ㈠：二进制与十进制之间的转换 ⑴二进制转十进制的第一个方法是要从右到左用二进制的每个数去乘以2的相应次方,小数点后则是从左往右 例如：二进制数1101.01转化成十进制 1101.01（2）=1*20+0*21+1*22+1*23 +0*2-1+1 阅读全文
摘要：
今天想介绍一下可爱的吉祥物们。 ㈠GO 语言的介绍及吉祥物 ⑴Go（又称Golang）是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。 ⑵Go 语言被设计成一门应用于搭载 Web 服务器，存储集群或类似用途的巨型中央服务器的系统编程语言。 对于高性能分布式系统领域而 阅读全文
摘要：
主要解释什么是三基色和RGBA ㈠三基色含义 三基色是指红，绿，蓝三色，人眼对红、绿、蓝最为敏感，大多数的颜色可以通过红、绿、蓝三色按照不同的比例合成产生。 ㈡三基色原理 ⑴自然界中的绝大部分彩色，都可以由三种基色按一定比例混合得到；反之，任意一种彩色均可被分解为三种基色。 ⑵作为基色的三种彩色，要 阅读全文
摘要：
HTML中常用的一些标签和属性。 1.lang属性：搜索引擎 en：英文， zh：中文 2.meta：元数据 charset属性：字符集编码方式 3.h1~h6：标题 一级标题最大 4.p：段落 5.br：段内换行 <b />单独标签 6. ：空格字符 （全小写） 可以连续添加多个空格 7 阅读全文
摘要：
HTML状态码的相关知识 ㈠：含义 HTTP状态码（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码。 也就是当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信 阅读全文
摘要：
我一直在用的代码编辑器是sublime text，然后总结了一些相关的操作方法。 一 环境操作 1.放大显示比例：Ctrl+ 2.缩小显示比例：Ctrl－ 3.分屏：Alt+ Shift +数字 例如：Alt+ Shift +2 表示分成两屏 4.选择一个单词：Ctrl+D 选择一行：Ctrl+L 阅读全文
摘要：
今天想要说的是电脑程式编写时的一套命名规则（惯例）。 骆驼式命名法（Camel-Case）又称驼峰式命名法： 1.变量名或函数名是由一个或多个单词连结在一起 2.第一个单词以小写字母开始 3.从第二个单词开始以后的每个单词的首字母都采用大写字母。 例如：myFirstName、myLastName、 阅读全文
摘要：
今天要说的是css的动画曲线。 首先要说的是语法： value: 1.linear：线性动画，也就是匀速，以相同的速度开始以相同的速度结束。 2.ease：默认的动画效果，特点是先快后慢，时间为50%的时候已经完成80%的动画效果了。 3.ease-in：动画进行过程中一直加速。 4.ease-ou 阅读全文
摘要：
今天要和大家分享的是在练习html网站首页表格制作过程中遇到的令我困惑一段时间的问题 相对路径。 在制作网页的过程中需要使用一些图片，我把图片放在一个名叫tu的文件夹下，接着用sublime text3进行代码编写，我把写好的代码保存在tu文件夹下，出现了除了图片其他都能正常显示的问题，代码编写部分 阅读全文