妙味课堂-整站视频-笔记

布局命名：top header nav（导航）content footer

1.首先做背景图，一个像素平铺，图片越小越好。body的背景图片

2.top里的ul命名：top_menu;

　　　　　　　　　top_bar;

3..top_menu li {float:left;backgroud:url(///) no-repeat right 14px;padding-right:18px;margin-right:15px;}

　　通过设置背景图片靠右，以及padding-right实现文字与背景图片的分离。

时间： 2024-08-06 20:03:47

妙味课堂-整站视频-笔记的相关文章

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

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

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

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

(转)妙味课堂—JavaScrip中级课程笔记

DOM基础概念.操作 DOM的概念及节点类型 childNodes children nodeType attributes 子节点和兄弟节点的操作 firstChild firstElementChild lastChild.lastElementChild nextSibling.previousSibling 父节点 parentNode offsetParent 元素位置宽高 offsetLeft.offsetTop offsetWidth.offsetHeight getPos() 操

2016年5月27日上午（妙味课堂js基础-3笔记一（事件））

一.event事件 1.什么是event事件对象? 用来获取事件的详细信息:鼠标位置.键盘按键 ——例子:获取鼠标位置:clientX ——document的本质:document.childNodes[0].tagName (1)首先对于点击事件,如果我们想要在页面打开后,在页面的任何一个地方点击都会弹出来一个框,那我们应该怎么做呢? <script type="text/javascript"> window.onload=function () { document.

2016年5月27日下午（妙味课堂js基础-3笔记三（事件））

一.默认行为 1. 什么是事件的默认行为(默认事件) (1)浏览器不需要我们去编写,浏览器自身就已经具备的功能:(点击右键弹出页面菜单) (2)如何阻止默认行为 2. 上下文菜单:oncontextmenu(右键菜单) <script type="text/javascript"> document.oncontextmenu=function () { alert("a") }; </script> 点击右键就会弹出a,且会出现右键菜单:

2016年5月27日下午（妙味课堂js基础-3笔记二（事件））

一.鼠标事件 1.鼠标位置可视区位置:clientX.clientY(鼠标的坐标) 这里我们注意,现在我们只知道它是鼠标的坐标,但是我们不知道它是鼠标的什么坐标,现在我们来看一个实例: ——例子1:跟随鼠标的Div (1)onmousemove 事件会在鼠标指针移动时发生. 注释:每当用户把鼠标移动一个像素,就会发生一个 mousemove 事件.这会耗费系统资源去处理所有这些 mousemove 事件.因此请审慎地使用该事件. <head> <style type="tex

【学+原】CSS3的2D动画 ——仿NOMOS手表—— 妙味课堂

看CSS3妙味课堂中有一课是介绍如何做钟表界面,然后三根针都能随着时间转动,然后自己在那个简易的版本上做了一些进一部改进. 最关键的知识点应该是transform-origin这个样式,要选对旋转的中心点.分针秒针时针的旋转中心点应该是针的底部中间位置这个实例还是让我第一次见到把<style>设置了id,然后写进js里去操作的,因为表面的各种小时,秒的刻度的制作,需要用循环来写,直接写css样式里是不现实的. 另外就是要把setInterval和transform:rotate结合起来使用,

妙味课堂基础篇0_3

1.日历 1 JAN 2 FER 3 MAR 4 APR 5 MAY 6 JUN 7 JUL 8 AUG 9 SEP 10 OCT 11 NOV 12 DEC 1月活动快过年了,大家可以商量着去哪玩吧- <!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"> <

妙味课堂Jquery从入门到插件开发到模拟视频教程 Jquery实战开发 Jquery UI

<jQuery课程初级到高级到模拟>├<第一课:jQuery初级>│ ├01 妙味云课堂-jQuery简介.mp4│ ├02 妙味云课堂-jQuery设计思想之选择元素.mp4│ ├03 妙味云课堂-jQuery设计思想之写法.mp4│ ├04 妙味云课堂-jQuery设计思想之原生关系和链式操作.mp4│ ├05 妙味云课堂-jQuery设计思想之取值和赋值.mp4│ ├06 妙味云课堂-jQuery方法之filter not has.mp4│ ├07 妙味云课堂