妙味课堂——HTML+CSS(第一课)

一句话,还记忆不如烂笔头,何况还这么笨,记下笔记,也是记录这一路学习的过程. 妙味课堂第一课并未一味地先讲HTML,而是穿插着CSS讲解,这一点不同于一些其他视频,这一点挺特别的!所以这一课涉及到HTML的知识,也并未多讲,倒是CSS中的内容讲的比较多.记录如下: HTML(Hypertext Markup Language)——超文本标记语言(结构) css(Cascading Style Sheets)——层叠样式表(样式) js(javascript)―― 行为为了更快地初步了解这三种语…

妙味课堂——HTML+CSS(第二课)

常见标签——img标签 <img src="图片地址" alt="图片名"/> alt属性是图片名字,是给百度搜索引擎抓取使用的.也有当图片地址不正确时,显示图片名. 常见标签——a标签 1.a标签(链接) target链接打开方式(常用): _blank:新窗口 _self:当前窗口 <base target="_blank"/> 定义页面链接默认打开方式例, <!DOCTYPE html> <htm…

妙味课堂——HTML+CSS(第四课)(二)

单开一篇来讲一个大点的话题——清浮动来看下例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { width: 300px; margin: 0 auto; border: 10px solid #000; }…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

妙味课堂——HTML+CSS(第四课)(一)

这一课学的东西真是太多了,还不赶快记下来,留待以后慢慢回味! 首先我们回顾一下inline-block的特性: 使块元素在一行显示使内嵌支持宽高换行被解析了(问题) 不设置宽度的时候,宽度由内容撑开在IE6,7下不支持块标签(问题) 关于1.2.4.5点,我前面的一篇文章已经详细赘述,在此略过.现在单独看第3点,可能我以前还没叙述清楚,举例说明: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&…

妙味课堂——HTML+CSS(第三课)

常见标签我已经在上一篇文章中提及,我们做前端设计时,主要也是用这些标签(最常用的). 然而有一个问题,就是有的标签都有自己的默认样式.试通过如下代码来说明: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a…

妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> var str = '妙味课堂'; // alert( str.length ); //字符串…

妙味课堂——JavaScript基础课程笔记

集中时间把秒微课堂JS的基础课程看完,并且认真完成了课后练习.感觉在JS方面的技能算是入了个门了.课后练习的作业完成的代码我都汇总在了这里.至于视频课的学习笔记,则记录如下. 第01课JS入门基础_热身课程写JS的步骤先实现布局想出实现原理了解JS语法希望把某个元素移除的实现 display: none; 显示为无 visibility: hidden; 隐藏 width \ height 透明度 left \ top 拿与背景色相同的div盖住该元素利用margin值 …… 获取元…

妙味课堂史上最全的javascript视频教程，前端开发人员必备知识点，新手易学，拔高必备！！！

妙味课堂是北京妙味趣学信息技术有限公司旗下的IT前端培训品牌, 妙味课堂是一支独具特色的IT培训团队,妙味反对传统IT教育枯燥乏味的教学模式,妙味提供一种全新的快乐学习方法! 妙味js视教第一部分妙味js视教第二部分妙味js视教第三部分妙味js视教第四部分妙味js视教第五部分下载地址: 妙味js视教第一部分 :链接: http://pan.baidu.com/s/1kThCZfL 密码: atvd 妙味js视教第二部分 :链接: http://pa…

妙味课堂:JavaScript初级--第12课：json与数组

1.json数据格式及json语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var arr1 = [ 1,2,3 ]; var arr2 = [ 4,5,6 ]; var arr3 = [ 7,8…

2、第2节课html教程客户端控件/css第一课/20150917

1.<form> 标签提交 <form action="http://www.baidu.com" method="post'> </form> 提交有Post get 两种方式,默认get 但安全性不高但执行效率比post 高 2.a.单选按钮如何控制只能选一个 <input type="radio" name="sex" value="male" />男 <…

[Codecademy] HTML&CSS 第一课：HTML Basic

本文出自 http://blog.csdn.net/shuangde800 ------------------------------------------------------------------------------------------------ HTML: HyperText Markup Language (超文本标记语言) Hypertext(超文本) means "text with links in it." A markup language(标记…

jq仿妙味课堂导航01

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } ul,li{ list-style:none; } a{ color:#333; text-decoration:none; } .clearfix{ zoom…

[妙味JS基础]第十一课：字符串、查找高亮显示

知识点总结字符串方法 var str = '2014年新春快乐哈' * length 字符串长度 str.length =>10 --------------------------------------------------------------------------------------- * charAt 获取指定位置的字符 str.charAt(5) =>新 * charCodeAt 获取指定位置的字符Unicode str.charCodeAt(5) =>‘新’的U…

[妙味JS基础]第十课：日期对象、时钟倒计时

知识点总结时间.年.月.日.时.分.秒 new Date() ->当前系统的时间对象数字类型: getFullYear().getYear().getUTCFullYear() getYear(),2000年之后返回1XX,例如:2014年返回114(不推荐使用) getFullYear(),返回4位数,例如:2014年返回2014 getUTCFullYear(),返回UTC的年份,也是四位数 getMonth() //月+1: getDate() //日 getDay() //星期,0为…

[妙味JS基础]第八课：return、定时器基础

知识点总结 return 1)函数名+括号＝ return 返回值 2)所有的函数默认的返回值＝未定义 3)return后面的代码不执行 arguments =>为实参的集合,当参数个数无法确定时使用 style.cssText. getComputedStyle.currentStyle 1.style和cssText为行间样式 2.getComputedStyle和currentStyle为浏览器计算后的样式 getComputedStyle(元素).属性元素.currentSty…

[妙味JS基础]第七课：运算符、流程控制

知识点总结 &&(与).||(或).!(非) 与: alert(20 && 20>100) => false alert(20 && 20<100) => true alert(20<100 && 20) => 20 alert(20>100 && 20) => false 或: alert(20 || 20>100) => 20 alert(20 || 20<…

[妙味JS基础]第六课：作用域、JS预解析机制

知识点总结浏览器的解析方法 script 全局变量,全局函数自上而下函数由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 =>所有的变量,在预解析时,赋一个值:未定义 fn1 = function fn1(){alert(2)} =>所有的函数,在预解析时,是整个函数块 function fn1(n1) {} =>这里的参数n1,相当于var n1 ,因此也是未定义在预解析时,遇到重名的:只留一个,var和…

[妙味JS基础]第五课：函数传参、重用、价格计算

知识点总结函数传参,传的参数＝数据类型(即:数值.字符串.布尔.函数.对象.未定义) 通过传参来重用代码 1.尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2.把核心主程序实现,用函数包起来 3.把每组里不同的值找出来,通过传参实现…

[妙味JS基础]第四课：JS数据类型、类型转换

知识点总结 JS数据类型:number数字(NaN).string字符串.boolean布尔值.函数类型.object对象(obj.[].{}.null).undefined未定义 typeof 用来判断基本数据类型,instanceof可以判断引用数据类型显示/强制类型转换( Number().parseInt().parseFloat() ) Number() ＝>字符串变数值 NaN => json.函数.未定义进行运算(var a).数组里有一堆内容 null.''.[] =>…

[妙味JS基础]第三课：自定义属性、索引值

知识点总结自定义属性元素.自定义属性＝值: 比如: oDiv.abc = 100; =>abc为自定义属性索引值 index =>也是自定义属性 oDiv.index = '';…

【妙味课堂】JS热身课后习题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

css3 妙味

css3 属性 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>css3属性</title> </head> <body> <h1>自定义属性p[kang]</h1> <!--<style> p[kang]{color:red;} /*属性…

妙味，结构化模块化整站开发my100du

********************************************************************* 重要:重新审视的相关知识 /* 妙味官网:www.miaov.com 技术交流:bbs.miaov.com 1.ps查看圆角度数,border-radius:; 选择->修改-> 平滑6px 2.渐变 -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, s…

妙味css3课程---1-1、css中自定义属性可以用属性选择器么

妙味css3课程---1-1.css中自定义属性可以用属性选择器么一.总结一句话总结:可以的. 1.如何实现用属性选择器实现a标签根据href里面含有的字段选择背景图片? p a[href*=text]{background-image:url(img/text.gif);}…

【C++探索之旅】开宗明义+第一部分第一课：什么是C++？

内容简介 1.课程大纲 2.第一部分第一课:什么是C++? 3.第一部分第二课预告:C++编程的必要软件开宗明义亲爱的读者,您是否对C++感兴趣,但是C++看起来很难,或者别人对你说C++挺难的,你不知道如何入门? 别担心,这个系列教程就是为C++初学者准备的. 不可否认,C++是一门非常著名的语言.几乎学计算机的同学都难免要碰一下C++,中国的大学课堂一般也是先学C语言入门,然后就是Java或者C++. C++ 这门语言的使用很广泛,特别是在游戏开发领域,C++的性能和无限可能性使得其几乎…

Magento学习第一课——目录结构介绍

Magento学习第一课--目录结构介绍一．Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zend框架提供了面向对象的代码库并且有很好的团队支持.通过这个框架,Magento主要围绕三个基本点建立: 1. 灵活性:我们相信每一个解决方案都像它的商务支持一样是独一无二的.Magento的代码可以无缝定制的. 2. 可升级性:Magento可方便的实行定制且不丧失升级的能力,因为从社区中获得核心代…

互联网金融爬虫怎么写－第一课 p2p网贷爬虫（XPath入门）

版权声明:本文为博主原创文章,未经博主允许不得转载. 相关教程: 手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取手把手教你写电商爬虫-第四课淘宝网商品爬虫自动JS渲染手把手教你写电商爬虫-第五课京东商品评论爬虫一起来对付反爬虫工具要求:教程中主要使用到了 1.神箭手云爬虫框架这个是爬虫的基础,2.Chrome浏览器和Chrome的插件XpathHelper…

javascript第一课练习

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS练习第一课</title> </head> <link id="bg" rel="stylesheet" type="text/css" href="&…

【Web探索之旅】第二部分第一课：客户端语言

内容简介 1.第二部分第一课:客户端语言 2.第二部分第二课预告:服务器语言第二部分:Web编程语言和工具大家好.上一个部分我们学习了Web的一些基本概念: 什么是Web? Internet和Web的区别 Web的历史第二部分我们会正式进入Web学习的主题了.我们会带大家了解一个我们平时访问的网站(Web site)是如何运作的.首先我们来看看Web开发使用到的编程语言和数据库,一些框架和内容管理系统,还有响应式设计.这一部分会有不少原理,概念比较重要,不过我们会用形象地比喻来阐明. 第二…

【妙味课堂——HTML+CSS(第一课)】的更多相关文章