2018-07-17

CSS基础入门

样式定义如何显示html元素

是为了解决内容与表现分离的问题

内容主要指的是html中的元素

表现主要指内容在浏览器中呈现的样式

Css基本语法

CSS的声明

样式属性：（操作符）样式值；（分隔符）

background-color : #fffff ;

css声明块

{

background-color:#FFFFFF;

color:#000000;

}

Css规则

css选择器选择器的作用是用来定位页面中的元素;

webstorm

定义css

内联样式方式

style属性设定元素样式

外联样式方式

js

windows.alert('内容')警告框

innerHTML写入html元素 

console.log()写到浏览器的控制台

DOM树

获得元素document.getelementById("")

getelementsbytagname()通过标签名来找到元素返回是一个数组

getatrribute（）获取属性

setattribute（）添加或者修改属性

element.src专门修改 

DOM CSS

getelementbyid(id).style.属性来修改元素的ccss属性

DOM事件

事件内嵌于元素中 

<h1 onclick="this.innerHTML='thank you'">click this</h1>

element.onclick=function(){displayDate()};

element.addEventListener("click",function(){});

DOM节点

document.createElement("p");//创建了一个空的p标签

document.createTextNode("内容");

parent.appendChild(child)；添加子元素

parent.removeChild(child);；删除子元素