(90人评价)
HTML+CSS基础

103集实战教学入门必备

价格 免费

hover和active也可以对其他除了超链接意外的标签进行设置

[展开全文]

,是并集,

.是交集

*是选择页面的所有元素

 

[展开全文]

块元素和内联元素

div:会独占一行,无论他的内容多少,都会独占一行,主要用来页面布局

span是一个内联元素,专门用来选中文字,为文字设置样式

常见的内敛元素

a可以包含任意元素,除了他本身

p元素不能包含其他任何的块元素

[展开全文]

alt / 提示

ctrl+d 删除一行

ctrl+回车 整行换行

[展开全文]

css注视

/*

只能编写在style标签中或者css文件中

*/

css语法:

选择器:可以选择页面中的制定元素(标签)

生声明块

 

[展开全文]

css样式

1.内联样式表

2.内部样式表

3.还可以将样式表变大些到外部的适当的微博价值那个

<link rel="stylesheet" type="text/css" href="style.css" />

[展开全文]

css样式都是写到哪些地方

1.可以将css样式编写到元素的style属性当中

将样式直接编写到style属性中,这样的样式我们称为内联样式。

<p style="color:red;font-size:40px;"></p>

[展开全文]

<a href="#"><a>点击默认回到顶部

<a href="#"><a>点击默认回到顶部

id作为每一个元素的唯一元素,id属性在同一个页面中智能有一个,不能重复,id命名不能是数字开头

<a id=“bottom” href="#">回到顶部<a>给回到顶部设置一个标签

<a href="#bottom">回到顶部

发送电子邮件的超链接

<a href="mailto:18919814920@163.com">默认打开电脑的电子邮件客户端

[展开全文]

超链接:

使用超连接可以使一个页面跳转到另一个页面

<a></a>标签是一个超链接

属性有:

href:指向链接跳转的目标地址

a标签中的target属性可以用来打开制定位置的链接:-self -blank

 

<a href=“demo03.html” target="-blank"></a>

center标签中的所有内容都是剧中显示

[展开全文]

内联框架:使用内联框架可以引入一个外部的页面

<iframe src="demo02.html"></iframe>

[展开全文]

html的语法规范

1.html中不区分大小写,但是我们一般都使用小写

2.html中的注释不能嵌套

3.html标签必须结构完整

浏览器会尽最大的努力来解析页面,所有不符合语法规范的会自动滚修正

4.html标签可以嵌套,但是不可以交叉嵌套

5.html中的标签中的属性必须有值,且值必须加引号

[展开全文]

meta标签

设置关键字、设置描述、设置

<!--meta标签还可以用来设置网页的关键字-->

meta name 关键字

搜索引擎在检索我们的页面时,会同时检索我们的

<meta ="refresh" content="5;url=http://www.baidu.com" />

 

[展开全文]

mate 设置网页的关键字

单标签,有两个属性

<mate name ="" content="描述关键字"/>

 

--5秒后跳转页面
<mate ="refresh" content=“5;url=http://www,baidu.com" />

[展开全文]

relative

相对定位相对的是现在位置,定位后不会离开文档流

 

[展开全文]

sra属性配置的是图片的路径

目前我们的额都使用的是相对路径

可以使用../来返回上一级

返回几级目录就写几个../

 

 

 

 

[展开全文]

img自结束图片

属性:

src:设置一个外部图片的路径

alt:可以用来设置图片的描述

搜索引擎可以通过alt属性识别不同的图片

<img src="1.gif"  alt="会议纪要神器"  width=“200px” />

width:图片的宽度

height:图片的高度

一般开发中除了使用自适应的页面,不建议设置width和height

 

[展开全文]

<dl>:定义列表

<dt></dt>:被下定义的

<dd></dd>:定义内容的描述

</dl>

[展开全文]

<ul></ul>:无序列表

1.<li></li>:就是一个列表项

2.通过type可以设置无序列表的符号

3在css中list-style:none

ul,li  都是块语句

 

 

<ol></ol>:有序列表

1.type:可以设置默认字形(1,a,A,i,I)

有序跟无序可以嵌套一起用

 

       

[展开全文]

课程特色

视频(103)
下载资料(1)

学员动态

业界大牛亲自授课
前沿技术实时更新
足不出户学编程
关注尚硅谷微信 一键下载全部视频教程

关注尚硅谷微信

一键下载全部视频教程

©2018课程版权均归谷粒学院所有  京ICP备17055252号