初学js和css简单总结

1、在输入框中可以用outline:none;去掉边框

盒子居中并距离头盒子100px用： margin:100px auto;

border:盒子边框设置三个参数粗细线性颜色；

背景图片是否平铺 background-repeat: ;居中对齐（偏移） background-position:

文字行距：line-height: xx px;

2、更换盒子的属性用 element.setAttribute("属性","值")

3、删除盒子的属性用 element.removeAttribute('属性')

4、获取事件源 :

(1)document.getElementId("id");(伪数组)

(2)document.querySelectorAll();获取全部的事件比如有很多的li、td、div等(伪数组)

（3）document.querySelector();获取第一个

5、绑定事件:

(1)、点一下HTML元素 onclick (常用)

(2)、鼠标指针移动到指定的元素上时发生 onmouseover

(3)、用户从一个 HTML 元素上移开鼠标时发生 onmonseout

(4)、用户按下键盘 onkeydown

6、修改元素用 element.innerHTML(常用) 或者element.innerText

区别： element.innerText()会去除html标签，同时换行和空格也会去掉，但字符串中的标签会原样打印出来

element.innerHTML()会包括html标签，同时保留空格和换行，打印时会按照书写格式

初学js和css简单总结相关推荐

用CSS和JS打造一个简单的图片编辑器
用CSS和JS打造一个简单的图片编辑器,本文主要是利用CSS的filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节. CSS filter 我们首先 ...
简短的几句js实现css压缩和反压缩功能
写在前面最近一直在整理css,但因为现在Visual Studio 2013太智能了,它每每在我按ctrl+E+D进行格式化代码的时候,就会将css进行层次格式化(如下图所示),而这个格式让我老大实 ...
【转】JS回调函数--简单易懂有实例
JS回调函数--简单易懂有实例初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...
js和css和img,Node.js压缩web项目中的js,css和图片
安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功安装压缩需要的模块分别是uglify-js,clean-css,node-smushit 命令是 ...
linux脚本石英钟,原生JS实现的简单小钟表功能示例
本文实例讲述了原生JS实现的简单小钟表功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 完整代码: www.jb51.net 钟表 body { background-color:#00A2 ...
[转]九个Console命令，让js调试更简单
转自:九个Console命令,让js调试更简单一.显示信息的命令 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html ...
JavaScript（JS）之简单介绍
一.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) N ...
swiper怎么在HTML引入JS文件,Swiper.js插件超简单实现轮播图
Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端.能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果.超好用话不多说,直接上教程 1.首先加载插件,需要用到 ...
[转]基于 aspnet 的自动合并输出js和css的解决方案
这是一个基于 aspnet 的自动合并输出js和css的解决方案. 首先感谢 LoveCherry 的文章<httpmodule和httphandler配合的又一应用--合并脚本样式>(h ...

初学js和css简单总结

初学js和css简单总结相关推荐

最新文章

热门文章