今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
了解了基本标签的用法和组合,以及常用的单词标签,熟悉了盒子模型,浮动,CSS样式的运用
明天计划的事情:(一定要写非常细致的内容)
了解任务2,巩固任务一基础知识
遇到的问题:(遇到什么困难,怎么解决的)
九宫格随屏幕自适应走了挺多弯路,还好师兄帮忙解决了。
收获:(通过今天的学习,学到了什么知识)
<title>:指定整个网页的标题,在浏览器最上方显示。
<base>:为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。
<meta>:提供有关页面的基本信息
<body>:用于定义HTML文档所要显示的内容,也称为主体标签。我们所写的代码必须放在此标签內。
<link>:定义文档与外部资源的关系。
<em> 用斜体表示
<q>引用文本</q>用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。简短文本的引用
<br />换行
空格
<hr>标签,添加水平横线
<ul><li></li></ul>标签开头带点
<ol><li></li></ol>标签开头默认带数字
创建表格的四个元素:
table、tbody、tr、th、td
<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
元素分类
块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:
<img>、<input>
元素分类--块级元素
什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。
a{display:block;}
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
元素分类--内联元素
块状元素也可以通过代码display:inline将元素设置为内联元素
元素分类--内联块状元素
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。
inline-block 元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
——————————————————————————————
通用选择器,使用(*)号指定,作用是匹配html中所有标签元素 * {color:red;}
类选择器 .
.setGreen{ color:green; }
<span class="stress">胆小如鼠</span>
ID选择器
#setGreen{ color:green; }
<span id="setGreen">公开课</span>
相同点:可以应用于任何元素
不同点:
ID选择器只能在文档中使用一次。而类选择器可以使用多次。
子选择器,大于符号(>),用于选择指定标签元素的第一代子元素。
.food>li{border:1px solid red;}
这行代码会使class名为food下的加入红色实线边框。
——————————————————————

vw:视窗宽度的百分比
vh:视窗高度的百分比
vmin:当前较小的vw和vh
vmax:当前较大的vw和vh
一些标签的运用不是很熟练 ,加强学习,加油
评论