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;
}
就先写到这里了,想要更好的学习 还是实践来的更快,更直接,书本的知识早晚会过时,只有实践学到的才是 最有用的。