文章目录
项目全都在HTML+CSS项目中
第一个项目：
<!DOCTYPE html>
<html lang="en">
<!--代表网页头部-->
<head>
<!-- meta描述性标签，它用来描述我们网站的一些信息-->
<!-- meta一般用来做SEO-->
<meta charset="UTF-8">
<!-- 网页的标题-->
<title>我的第一个项目</title>
</head>
<!--代表网页主题-->
<body>
</body>
</html>
基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>这是第一段</p>
<p>这是第二段</p>
<!--换行标签-->
<br/>
<!--水平线标签-->
<hr/>
<!--粗体，斜体标签-->
<strong>i love you</strong>
<em>i love you </em>
<!--特殊符号标签-->
空 格
</body>
</html>
换行标签和段落标签有一点不太一样，两段之间的间隔不一样
html中就算你复制了一篇有分段短文，但是如果不加p或者br标签的话，他就会当作一个空格来处理，文段之间是会连接起来的
图像标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="../resources/image/1.jpg" alt="小黑猫" title="悬停文字" height="380" width="400">
</body>
</html>
CSS
1.css和HTML结合的四种方法：
1.在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起
<div style="background-color:red;color:blue;">我是一只小小鸟</div>
2.使用HTML的一个标签实现，< style>标签：写在head里面
<style>
h1{
color: aquamarine;
}
</style>
3.在style标签里面 使用语句（在某些浏览器下不起作用）
@import url(css文件路径);
<style type="text/css">
@import url(div.css);
</style>
4.使用头标签link，引入外部css文件
- <link rel="stylesheet" type="text/css" href="div.css"/>
一般都使用第四种
优先级自上而下，由高到低，其实2,3,4，差不了多少，他们是根据就近原则的，谁距离body的末标签近就选择谁
2.基本选择器
优先级:id>class>标签
3.层次选择器（了解）
全部代码：
<body>
<p>p0</p>
<p class="qqq">p1</p>
<p>p2</p>
<ul>
<li>
<p>p5</p>
</li>
<li>
<p>p6</p>
</li>
<li>
<p>p7</p>
</li>
</ul>
<p>p3</p>
<p>p4</p>
</body>
3.1后代选择器
在某个元素后面：祖爷爷，爷爷 ，爸爸 ，你
CSS代码：
ul p{
background: blue;
}
他只显示了ul标签下的所有p
3.2子选择器
只会显示一代，不会显示子代的子代以及之后的
css代码
body>p{
background: red;
}
3.3相邻兄弟选择器
同辈，下面的那个
css代码：
.qqq+p{
background: aquamarine;
}
他的作用可能会觉得很鸡肋，其实他是可以用来少添加class 或者id，
3.4通用选择器
选中元素以下的所有。但是不包括以下的子类以及子子类
css代码：
.qqq~p{
background: blueviolet;
}
总结，他们这些层次选择器都不包括自己
4 结构伪类选择器（看到知道即可）
5 属性选择器（常用）
a[href=abc]{
color: blue;
}
a[class="link item first"]{
color: darkmagenta;
}
a[class*="first"]{
color: darkmagenta;
}
=是等于
$=是末尾等于
^=是开头等于
*=是存在等于
这些都是正则表达式里面的通配符
6.字体样式
下面的先不学了，暂时用不上
js:
语法基本上和java是相似的，总之用java的语法来写js基本上是不会错的，js中的分号没有那么的严格，但是最好还是给它加上，js中定义变量一律用var来定义，还有一点不同就是，再js中的“等于”一般用===，而不是 = =，双”=“的含义是当一个字符类型的值和一个number类型的值一样时 ，也会判定为相等
js中定义对象时
var 对象名{
属性名：属性值,
属性名：属性值,
属性名：属性值
}
8487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
