慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

菠萝吹雪666

xed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2020-11-14
时程

1、使用内联式CSS设置“超酷的互联网”文字为粉色。
2、然后使用嵌入式CSS来设置文字为红色。
3、最后又使用外部式设置文字为蓝色（style.css文件中设置）。
但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面（实际开发中也是这么写的）。感兴趣的小伙伴可以试一下，把它们调换顺序，再看他们的优先级是否变化。
其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。

查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2020-11-14
时程

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2020-11-14
慕哼哼

1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2020-11-14
慕哼哼

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

查看全部

2 采集收起来源：换个地方吧,行内太挤了 - 嵌入式css样式
2020-11-14
菠萝吹雪666

1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2020-11-13
菠萝吹雪666

流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2020-11-13
菠萝吹雪666

padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2020-11-13
玛卡巴卡ggg
&nbsp代表空格 </br>是换行的意思。
<hr/>代表一根线，分割
无序列表：<u1> 有序列表：<o1>
<li> 信息</li> <li> 信息 </li>
</u1> </o1> ?
(做注释)

span{
color:blue;
}

<span>自己要定义颜色的字或段落</span>

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
```
<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
```
```
<a  href="http://www.imooc.com"  title="点击进入慕课网">click here!</a>
```
上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。

target : <a herf="网址” target=“self或blank”>网址名（例如百度，腾讯）</a>
self 是在当前页面打开，blank 是在新窗口打开。

上面代码解释：
创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的
```
<form   method="传送方式"   action="服务器文件">
```
在form表单中input设置text,为普通输入框。
在form表单中input设置password,为密码框。

<input type="text" placeholder="我是你爸爸">
</br> <input type="text" placeholder="请输入密码">

<input type="number">
input的type属性设置为url,则表示该输入框的类型为网址。

<input type="email"> （邮箱）

1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。
查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2020-11-17
菠萝吹雪666
```
border-top:1px solid red;
border-right:1px solid red; 
border-left:1px solid red;
```
查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2020-11-13
菠萝吹雪666
1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
```
border-color:#888;//前面的井号不要忘掉。
```
3、border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用像素（px）。
查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2020-11-13
菠萝吹雪666

inline-block 元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2020-11-13
菠萝吹雪666

块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2020-11-13
听风间

<h1> 和 <p> 标签都是属于块级元素，会独占一行

块级元素特点之一：独占一行
行内元素特点之一：不独占一行

常用块级元素：div , p , ul , ol , li , dl , dt , dd , h1~h6
常用行内元素：span , a , b , img , input , select , strong

查看全部

0 采集收起来源：你就是馋人家的身子 - 认识body标签
2020-11-13

首页上一页 408 409 410 411 412 413 414 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。