html，CSS随写笔记

html概括

• html并不是编程语言，总的来说：是一组用来描述结构和格式的标记语言。html标签由一对尖括号以及括号内的标签名组成。大多数情况下，内容会包括在一对开始标签和结束标签之间，结束标签前有个反斜杠（\）。

• html有很多不同版本。比如DHTML，XHTML1.0,HTML5 等。

所有的html元素都具备一些属性。重要的属性如下：class, id, style, data-name, onclick。

class 属性定义了一个类，以便于使用CSS给元素添加样式或者进行DOM操作
id 属性定义了元素 ID,作用有点像class，but is only
style 属性定义了一个元素内联CSS
title 属性为元素指定了一些额外信息，在大多数浏览器里这些信息均是以小提示条的形式呈现
data-name 属性可以用来在DOM中储存一些元数据

CSS概括

• css是一种控制内容呈现和格式的方式的语言。HTML文档可以通过一个link标签引入外部的CSS文件，也可以直接通过style标签内联CSS代码。

在CSS里，我们可以通过元素的id,class,标签名，以及它与父级标签的关系或者元素属性值来定位元素

• 列如把所有段落的P标签的颜色改成灰色：(#999999)

p{
color:#999999
}

• 通过id main 定位了一个div，并且设置了它的内边距：

div#main{
padding-bottom:2em;
padding-top:3em;
}

• 把所有拥有类large的元素字体大小设置为14pt:(注意前面有个点)

.large{
font-size:14pt
}

• div是body元素的直接子元素。现在想要隐藏下标签div:

body>div{
display:none
}

• 设置name属性为email的input元素的宽度为150px:

input[name='email']{
width:150px;
}

就先写到这里了，想要更好的学习 还是实践来的更快，更直接，书本的知识早晚会过时，只有实践学到的才是 最有用的。