- 博客(17)
- 收藏
- 关注
RSS订阅原创 javascript 动态修改css样式方法汇总(四种方法)
方法一、使用obj.className来修改样式表的类名function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black";}缺点：会覆盖原有的style方法二、使用obj.style.cssTest来修改嵌入式的css...
2018-06-26 16:37:44
3492
原创 javascript 动态修改css样式方法汇总(四种方法)
cssText 本质是什么？cssText 的本质就是设置 HTML 元素的 style 属性值。cssText怎么用？document.getElementById("d1").style.cssText = "color:red; font-size:13px;";cssText 返回值是什么？在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。 ...
2018-06-26 16:34:17
813
原创 javascript中的数组
参考：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Arrays创建数组数组由方括号构成，其中包含用逗号分隔的项目列表。假设我们想在一个数组中存储一个购物清单 - 我们会做一些如下所示的事情。 在您的控制台中输入以下行： var shopping = ['bread', 'milk...
2018-06-21 17:19:08
122
原创 javascript中的字符串
参考：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Strings把字符串当作对象在javascript中，一切东西都可以被当做对象。例如我们创建一个字符串。var string = 'This is my string';一旦你的变量成为字符串对象实例, 你就可以有大量的原型和方法编...
2018-06-21 16:57:26
141
原创 简单的猜数字游戏
参考：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/A_first_splash游戏内容：我想让你创建一个可以猜数字的游戏，它会在1~100以内随机选择一个数, 然后让玩家挑战在10轮以内猜出这个数字，每一轮都要告诉玩家正确或者错误， 如果出错了，则告诉他数字是低了还是高了，并且还要告诉玩家之前猜...
2018-06-21 15:33:09
244
原创 javascript编码规范注意事项
3.1变量3.2条件尽可能使用简洁的表达式。// 字符串为空// goodif (!name) { // ......}// badif (name === '') { // ......}// 字符串非空// goodif (name) { // ......}// badif (name !== '') { ...
2018-06-21 15:23:39
167
原创 css 圣杯布局和双飞翼布局
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Complex flexbox example</title> <style> header { width: 100%; hei
2018-06-19 18:00:20
147
原创 CSS布局 网页布局方式
基本的样式是，两个盒子相距20px, 左侧盒子宽 120px，右侧盒子宽度自适应。<div class="wrapper" id="wrapper"> <div class="left"> 左边固定宽度，高度不固定 </br> </br></br></br>高度有可能
2018-06-19 17:04:54
287
原创 css布局
display属性每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。 block div 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。 其他常用的块级元素 ： p 、 form 。HTML5中的新元素...
2018-06-19 13:26:26
74
原创 CSS flexbox弹性盒子
指定元素的布局为 flexibleflex模型说明flex-directionflex-wrapflex-flow 缩写flex 项的动态尺寸flex: 缩写与全写水平和垂直对齐flex 项排序flex 嵌套指定元素的布局为 flexible首先，我们需要选择将哪些元素将设置为柔性的盒子。我们需要给这些 flexible 元素的父元素 display 设...
2018-06-19 13:07:51
161
原创 css 定位position
介绍定位静态定位 static将元素放入它在文档布局流中的正常位置 相对定位 relative占据在正常的文档流中position: relative;top：10px；left；20px；relative需要配合top left等使用绝对定位absolute不存在于文档流 它坐在它自己的层独立于一切，意味着我们可以创建不干扰页面上其他元素的位置的...
2018-06-14 16:59:58
92
原创 css浮动，清除浮动
多列浮动布局两列布局三列布局清除浮动清除浮动方法浮动问题浮动目的：创建多列布局浮动元素 会脱离正常的文档布局流，并吸附到其父容器的左边 。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。 注意浮动内容仍然遵循盒子模型诸如外边距和边界。多列浮动布局两列布局body { width: 90%; max-w...
2018-06-14 13:35:00
190
原创 css盒模型
框属性css框类型框属性每一个元素都是一个矩形框，框的每层的大小都可以通过一些特定的属性调整 矩形框包括：content ，padding，border，marginwidth/height :设置 content 的宽高 padding:用来设置padding内边距大小 border：CSS 框的边界（border）是一个分隔层，位于内边距的外边缘以及外边距的...
2018-06-13 15:59:30
87
原创 非brew安装RabbitMQ
因为我的mac系统一直没有更新，所以没办法用brew安装RabbitMQ mac版本10.10 下面是一个下载安装包安装的教程。1 下载rabbitMQ安装包 wget http://www.rabbitmq.com/releases/rabbitmq-server/v3.5.3/rabbitmq-server-mac-standalone-3.5.3.tar.gz2 解压，并将目...
2018-05-25 11:09:25
941
原创 深入理解CSS行高line-height
简单选择器属性选择器选择器可以被分为以下类别：简单选择器（Simple selectors）：通过元素类型、class 或 id 匹配一个或多个元素。属性选择器（Attribute selectors）：通过 属性 / 属性值 匹配一个或多个元素。伪类（Pseudo-classes）：匹配处于确定状态的一个或多个元素，比如被鼠标指针悬停的元素，或当前被选中或未选中的...
2018-05-25 10:12:31
775
原创 css文本基础
text－intent 缩进文本最常用于段落锁进p {text-indent: 5em;}理论上，所有块级元素都可以用text-intent，行内元素不行 不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。 使用负值 text-indent 还可以设置为负值。利用这种技术，可以实现很多有趣的效果，比如“悬挂缩进”，即第一行悬挂在元素中余下部分的左...
2018-05-24 10:07:37
247
原创 html基础
##HTML是什么，HTML5是什么 HTML是超文本标记语言，html5是html的最新标准。##文档类型是什么概念，起什么作用？ 文档类型即常见的 !DOCTYPE ,是用来声明并帮助浏览器正确识别网页。因为HTML发展至今有许多的不同版本，所以声明不同的文档类型可以让浏览器完全正确地显示出 HTML 页面。 是html5的文档类型声明，不属于html标签##meta标...
2018-05-23 11:34:03
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人