HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
常用的块状元素有:
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度
> <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>
> 、<form>
常用的内联元素有:
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变
```
`<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:
<img>、<input>
在非块状元素(内联元素)加上标签display:block;可以独自成一行
内联元素也可以变成块状元素,display:inline
background:pink则是他的背景
<pre></pre>
在HTML标签中,可以识别文本其中的空格和换行
blookquote 可以实现段落的引用,自动两端对齐
还有就是,当标签原定义和CSS样式发生冲突的时候,与CSS保持一致
文本中打空格是没用的空格
*字体排版*
设置font-weight 属性,
font-weight:
normal : 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold : 粗体。相当于 700 。也相当于 b 对象的作用
bolder : 比 normal 粗
lighter : 比 normal 细
100 : 字体至少像 200 那样细
200 : 字体至少像 100 那样粗,像 300 那样细
300 : 字体至少像 200 那样粗,像 400 那样细
400 : 相当于 normal
500 : 字体至少像 400 那样粗,像 600 那样细
600 : 字体至少像 500 那样粗,像 700 那样细
700 : 相当于 bold
800 : 字体至少像 700 那样粗,像 900 那样细
900 : 字体至少像 800 那样粗
font-weight:bold; 粗细
font-family字体样式;
font-size:12px;大小
color:#666;颜色
font-style:italic;斜体
text-decoration:underline;下划线
.oldPrice{text-decoration:line-through;} 删除线
p{text-indent:2em;}首行空行,1个em就是1个中文字体大小
line-height:1.5em;行间距
letter-spacing:50px;这个是中文,或者是英文,但是每个字母,如果想每个单词的话;
word-spacing:50px;
table中有时候加上thead,tbody和tfoot只是为了加载的时候,是一边下载一遍显示,只是为了显示效果。、
lablel是一个文本触发器,其中for和相对应的ID属性要相一致
子选择器和后代选择器的区别:
子选择器
.first>.son{ border:1px solid red; }
son就是他的子选择器,而他的孙子元素则不适用,、
但是 .first .son{ border:1px solid red; }first里所有的元素都适用(后代选择器)
通用选择器
*{color:red;}
三种CSS样式的优先级是就近原则,
但是嵌入式大于外部式的前提是在