前期基础性工作
Posted sun-yx
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前期基础性工作相关的知识，希望对你有一定的参考价值。
html：hypertext markup language 超文本标记语言
hypertext：是指具有交互功能的文本
markup language：通过特定的markup（标记）在浏览器中展示相应的内容
标题标签 heading tag：<h1>到<h6> 显示出来的文字依次从大到小
段落标签 paragraph tag：<p> </p>
无序列表标签 unordered list：<ul> </ul> 父标签 parent
列表项目标签 item list：<li> </li> 子标签 children
使用顺序：<ul> <li> </li> </ul> 注意缩进
有序列表标签 ordered list：<ol> </ol>
使用顺序：<ol> <li> </li> </pl> 注意缩进
<head> </head>：网页中的不可见部分放入<head>标签中
<body> </body>：把所有显示在网页中的内容放入<body>标签
<html> </html>：将所有html代码放入<html>标签中
DOCTYPE：表示html的版本信息
让代码更加的规范，更好的识别
<meta charset="UTF-8"> 定义字体格式utf-8，防止乱码
<title>网页标题</title>
超链接：a标签：anchor的缩写
<a herf=“url”>说明文字</a>
herf属性，当超链接被点击的时候，哪个页面会被打开
<a herf=“url” target=“_blank”>说明文字</a> 新的页面打开超链接
默认值<a herf=“url” target=“_self”>说明文字</a> 当前页面打开超链接，并替换现有页面
相对路径：不特定服务器上的路径，比如在同一项目中不同的html
绝对路径：向一个特定的服务器上的文件发送文件请求
css：cascading style sheets 级联样式表的缩写
选择器名字后面是一个开始的大括号 属性和属性的值中间是冒号
属性列表后面是一个结束的大括号 属性的值后面是分号
p {
text-decoration:underline;
color:red;
}
大括号中可以写很多属性 color:red;
类型选择器会作用于所有的同名标签中 font-size:24px;
派生选择器会作用于某些标签的子标签上
ul li {
font-size:24px;
}
伪类选择器：在原有选择器的基础上添加一个限定条件，当某种情况发生时再选择这个标签
a {
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:darkred;
}
以上是关于前期基础性工作的主要内容，如果未能解决你的问题，请参考以下文章