流浪者 | 易学教程

07-常用内置对象

阅读更多关于 07-常用内置对象

数组Array 1.数组的创建方式字面量方式创建： var colors = ['red', 'green', 'yellow']; 使用构造函数的方式创建（使用new关键字对构造函数进行创建对象） var colors2 = new Array(); 2.数组的赋值 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 7 </head> 8 <body> 9 10 <script> 11 var color = []; 12 color[0] = 'red'; 13 color[1] = 'green'; 14 color[2] = 'yellow'; 15 console.log(color); 16 </script> 17 18 </body> 19 </html> 3.数组的常用方法 3.1 concat：把几个数组合并成一个数组 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 7 </head> 8 <body> 9 10 <script> 11 var north = ['北京', '山东',

13-文本属性和字体属性

阅读更多关于 13-文本属性和字体属性

文本属性文本对齐 text-align规定元素中文本的水平对齐方式属性值：none、center、left、right、justify。文本颜色 color属性文本首行缩进 text-indent规定文本首行缩进的距离，单位建议使用em。文本修饰 text-decoration属性规定文本修饰的样式属性值：none(默认) | underline(下划线) | overline(定义文本上的一条线) | line-through (定义穿过文本下的一条线) | inherit(继承父元素的text-decoration属性的值。) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div{ 8 /* text-align: center; */ 9 color: green; 10 text-indent: 2em; 11 text-decoration: line-through; 12 } 13 </style> 14 15 </head> 16 <body> 17 18 <div

01-css的引入方式

阅读更多关于 01-css的引入方式

一、css介绍 css，Cascading Style Sheet：又称层叠样式表。从审美的角度负责页面样式。二、css的三种引入方式 1、行内样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 7 </head> 8 <body> 9 10 <div> 11 <p style="color: green;">我是一个段落</p> 12 </div> 13 14 </body> 15 </html> 2、内接样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 p{ 8 color: green; 9 } 10 </style> 11 12 </head> 13 <body> 14 15 <div> 16 <p>我是一个段落</p> 17 </div> 18 19 </body> 20 </html> 3、外接样式链接式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title