JavaScript三种动态改变样式属性

在JavaScript中，有两种方式可以动态地改变样式的属性，一种是使用样式的style属性，另一种是使用样式的className属性。另外，控制元素的显示和隐藏使用display属性。

1.style 属性

一、CSS使用场景

美化网页，布局页面

二、CSS简介

CSS（cascading style sheet）层叠样式表语言，用来专门修饰HTML的。有三种方式将CSS嵌入html中。

第一种：

内联定义。任何一个html标签都可以指定style属性，在标签的style属性上直接定义样式名和值，语法如下：

<标签 style=“样式名：样式值；

上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。

1.列表List

1).列表的类型

<ul style='list-style-type:square'><li></li></ul>
none      无标记
disc      实心圆
circle    空心圆
square    实心方块
decimal   数字
none      无

目标

• 表格边框合并
• 表格边框的间距设置
• 表格标题位置的设置

表格可以说是网页必备的元素之一，但是原生的表格样式都是很丑，列如表格加入边框的默认情况下，单元格与单元格之间有一定的空隙；设置单元格边框间距等等，都是可以通过css来设置自己的默认样式

表格边框合并

默认情况下，表格有边框的情况下，内部看似有一层填充物，其实是表格的外边框和内部单元格的间距。

css知识点回顾

1.嵌入css代码的四种方式:

1).内嵌模式:

<a style = "width:80px;height:90px;" href = "http://www.baidu.com/" target = "_blank">百度</a>

2).内部样式

<style>