前期基础性工作

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; 

 }

猜你喜欢

转载自www.cnblogs.com/sun-yx/p/10358002.html