- 博客(26)
- 资源 (1)
- 收藏
- 关注
原创 今日收获 5/12 CSS动画,贝塞尔曲线,+选择器
因为之前对CSS的动画这块掌握的不太好,所以今天打算写个气球摇摆上升的动画。但是没写到几句,就发现气球完全没反应,结果是animation属性简写时,其中的animation-delay对应的值应该是0s,而我少加了一个单位,坑死我啦。因为气球放置的位置是挨着左边的,结果发现它向左摆碰到边缘的时候明显有反弹???https://sdk.cn/news/4634跟着这篇文章巩固一下border-r...
2018-05-12 00:16:26 162
原创 今日收获 5/10 张鑫旭 CSS+inline/block区别+导航栏的一种实现+图片居中实现
www.zhangxinxu.com/wordpress/category/css/page/26/margin是可以三个参数的诶,有对称原则。他说要少用float绝大多数网站的主流文字大小为12px。 用户的浏览器默认渲染的文字大小是“16px”,那么12px也即是0.75em实现一种选项卡:<!DOCTYPE html><html lang="en"><head&...
2018-05-10 21:58:33 254
原创 深入浅出js-读书记录 4/27
<script>标签(本质html)只不过是表示接下来是脚本语言,type="text/javascript"才说明是js。js是解释语言,因为不需要编译器的转换、onblur指示用户移往下一个输入域。onload事件,在浏览器完成iRock网页的载入时触发js代码也能放在html内事件处理器中。var userName=prompt("what is your name?", "en...
2018-04-27 21:19:50 105
原创 深入浅出js-读书记录 4/27
虽然有六百多页,但是看得很快。不过里面的mini project并没有跟着敲,许是我太懒,虽然深入浅出js这本真的非常基础,对初学者很友好,但是在实战这块没有《CSS实战手册》的体验好,后者真的完全是一步步教你敲代码,在哪儿写,写哪些,特好。所以深入浅出的代码我真的是懒得看了,只是记下了大致的知识点。但是它的miniProj真的又蛮好的,很有趣,知识点也丰富,循循善诱可以有很大收获。所以我打算翻完...
2018-04-27 21:15:54 91
原创 深入浅出JavaScript-读书记录 ch1-3
<script>标签(本质html)只不过是表示接下来是脚本语言,type="text/javascript"才说明是js。js是解释语言,因为不需要编译器的转换、onblur指示用户移往下一个输入域。onload事件,在浏览器完成iRock网页的载入时触发js代码也能放在html内事件处理器中。var userName=prompt("what is your name?", "en...
2018-04-24 16:33:04 130
原创 今日收获 2018/4/22
这几天在赶作业,非常痛苦...不了解的东西硬要你上手,又没有耐心学,在极度焦虑中度过...关于CSS的收获:刚刚意外遇见一种情况,div中的p标签中的文本溢出了,上网一搜发现很有意思,因为我的测试文本是一串字母,说是这种字符串会被当做一个单词,所以不会换行,使用Word-wrap:break-Word;即可。...
2018-04-22 20:29:32 90
原创 一点点想法
JS入门选了高级程序设计,讲得倒是非常详尽,但是对我来说真不适合入门。前几个学期没有目的地努力学习,啃教材啃得心累,因为知识大都很干涩,经常需要仔细研读字字句句,再加大都是理论非常费脑子也非常无聊,搞得我现在对太理论的东西有不小的抵触情绪。所以高程第六章将要读完之际,打算先丢一丢,看点其它入门的,比如《深入浅出js》,《ppk谈js》。当然我也不知道是不是入门,只是看网上推荐,但是至少在页数上比七...
2018-04-20 20:20:23 100
原创 js高级程序设计-读书记录 ch6
6.1.1 属性类型1ECMA有两种属性:数据属性和访问器属性1.数据属性这都是处理对象的吗要修改属性默认的特性,必须使用object.defineProperty()方法。这个方法接收三个参数:属性所在的对象,属性的名字和一个描述符对象。描述符对象的属性必须是:configurable. enumerable.writable和value。设置其中的一或多个值,可以修改对应的特性值如var pe...
2018-04-20 19:56:05 103
原创 SVG精髓读书记录-ch1
一个感觉是,矢量图像是描边而栅格图形是涂像素点。<line>画直线使用<use>复用分组并可用transform转换。translate平移,scale缩放<polyline>折线<path>路径<text>文本第一章实例:<?xml version="1.0"?><!DOCTYPE svg PUBLIC
2018-04-15 18:20:10 97
原创 js高级程序设计-读书记录 ch4
第四章 变量、作用域和内存问题4.1 基本类型和引用类型的值这是ECMA包含的两种不同数据类型。基本类型是保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置;引用类型则是指那些保存在堆内存中的对象,意思是变量中保存的实际上是一个指针,这个指针指向内存中的另一个保存对象的位置。在将一个值赋给变量时,必须确定这个值是基本类型值还是引用类型值。ch3提到的五种基本数据类型:Undefined...
2018-04-15 14:43:54 107
原创 js高级程序设计-读书记录 ch3
第三章 基本概念3.1 语法3.1.1 区分大小写3.1.2 标识符指变量、函数、属性的名字,或者函数的参数。,按照惯例使用camelcase。3.1.3 注释C风格://&/**/3.1.4 严格模式(可以理解成异常处理?)在严格模式下,ECMA中的一些不确定的行为将得到处理,而且对某些不安全的操作也会抛出错误3.1.5 语句以分号结尾,虽然没有也有效。3.2 关键字和保留字3.3 变量...
2018-04-15 09:30:49 108
原创 关于SVG的一点点学习
原文地址:https://zhuanlan.zhihu.com/p/25016633<?xml version="1.0" standalone="no"?><svg width="600" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg"> &l
2018-04-14 14:46:43 305
原创 精通CSS-读书记录 ch10 实例研究:Roma Italia
10.2 基础在编写标记时,我考虑的最重要的因素是,应该尽可能有意义而且轻量。10.2.2 reset.css“我个人很喜欢EricMeyer”编写的reset css :http://meyerweb.com/eric/tools/css/reset/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 Licens...
2018-04-14 13:38:56 147
原创 精通CSS-读书记录 ch7-ch9
7.1 对数据表格应用样式7.1.1 表格特有的元素1.summary和captionsummary总结表格内容,caption表格标题2.thead、tbody、tfoot这三个元素可以将表格划分为几个逻辑部分。例如,可以将所有列标题放在thead中,就可以对这个特殊区域单独地应用样式。如果选择thead或tfoot元素,那么至少使用一个tbody元素。在一个表格中只能使用一个thead和tfo...
2018-04-13 14:16:11 165
原创 精通CSS-读书记录 ch5-
5.1 简单的链接样式<a name="mainContent">Welcome</a></h1><p><a href="mainContent">skip to main content</a></p>:active是用来寻找到被激活的元素,对于链接来说,激活发生在链接被
2018-04-11 19:35:01 108
转载 行内元素&块状元素
原文地址:block、inline、inline-block区别以及标签嵌套1、block 将元素转为块元素,块元素占一行,可以设置宽和高。2、inline 将元素转为行内元素,占一行,不可以设置宽和高。3、inline-block 将元素设置为行内块元素,这时元素既可以设置宽和高,又占一行。但这时的元素之间会出现缝隙,解决办法:1)设置浮动 2)将父元素的font-size设置为0,子元...
2018-04-09 18:40:20 376
原创 精通CSS-读书记录 ch4
第四章 背景图像效果4.1 背景图像基础background-repeat(除了repeat, no-repeat, repeat-x, repeat-y还有round,space), background-position我还没用过呢= =background-attachment:scroll/fixed灵活的圆角框"因为没有给这个框设置高度,所以它会随着文本尺寸的增加进行垂直扩展"滑动门技术...
2018-04-08 19:19:43 117
原创 1点点关于float的小实验
啊 让人欲生欲死的float!基于以下HTML<div class="div1">first</div><div class="div2">second</div><div class="div3">third</div>(1)此例中CSS为:div{ borde
2018-04-08 14:36:11 119
原创 精通CSS-读书记录 ch1-ch3
本想开始学JS,但是去W3C看了两天语法觉得就此离开CSS去面对这么庞大的语言有点太莽撞。而且想着就算不会JS也得把CSS学扎实了,那边在CSSZENGARDEN才草草仿作了几张简单页面,技术必然不到家。其实我也询问了做前端的前辈,但前辈的说法是,直接上JS,称HTML+CSS入门简单无所谓。可是CSS和JS也没有必然联系啊,静态页面做好也能满足不少需求。 但是网上瞎逛来精进自己的技...
2018-04-07 16:44:24 125
原创 javascript pt 2
查找 HTML 元素通常,通过 JavaScript,您需要操作 HTML 元素。为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:通过 id 找到 HTML 元素 var x=document.getElementById("intro");通过标签名找到 HTML 元素var x=document.getElementById("main");var y=x.getElement...
2018-04-04 17:49:09 128
原创 javascript pt 1
今天开始自学js如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素在 JavaScript 中,用分号来结束语句是可选的。document.getElementById("demo").innerHTML="Hello World";document.getElementB...
2018-04-04 13:21:56 414
转载 几个CSS3妙用尝试【基于"追梦子"博文】
在网上发现某位大神的博客,讲解了几个CSS妙用,以下逐一尝试原文链接:CSS3妙用-追梦子------------------------------------------------------------------------------------------------------1.HTML:<a href="javascript:;">我有下划线噢</a>C...
2018-04-02 23:19:35 193
原创 今日收获 18/4/1
1.发现图片的<img>这个标签自动并排显示2.今天发现,将div中的块级元素绝对定位后,与同级块状元素重叠了。所以,又看了书上定位各属性的意义。书上对绝对定位的说法是:绝对定位的元素完全脱离HTML代码确定的页面流(把元素从页面流中移出,把元素置于页面之上)。也就是说,页面中的其它元素甚至不知道绝对定位元素的存在。如果不小心,其它元素甚至会完全隐藏到绝对定位的元素后面。(注意:不要试...
2018-04-01 23:48:11 116
原创 今日收获 18/3/30
1. DIV中如果只有行内元素,那么DIV是不会被撑起来的2.在图片上加字,看到的常用的方法是“绝对与相对定位”,也可添加背景图。<figure>用着有些奇怪,之后研究。3.制作等高型分栏:a.表格(俺不想用) b.伪造分栏(使用背景平铺,可以随着内容增多而平铺,也可用线性渐变也适合百分比)。还有很多方法能让分栏看起来是等高的:点击打开链接4.一个惊人发现:我在一个DIV中嵌套多个DI...
2018-03-31 11:04:19 107
原创 「菜鸟初探」纯CSS实现二级导航
最近把《CSS实战手册:the missing manual》的基础部分看得差不多了,也想实践一下子。其实该从哪些部分开始下手实践我也不知道,偶然看见“二级导航”这几个字便趁空一试。成果图:代码在最下方。大致思路:使用嵌套列表,子菜单使用<li>标签中的<ul>实现。<ul class="nav"> <li class="menu"><a h
2018-03-29 19:54:48 2071
深入浅出javascript源码
2018-04-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人