慕课网

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

初识HTML(5)+CSS(3)

最热最新

终遇你6817309

href与src具有一定区别

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2020-10-30
慕勒6445165
1. 声明后必须有；
2. 符号必须为英文状态下的
查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2020-10-30
weixin_慕仔4382903
使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
语法：
```
<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
```
查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2020-10-30
慕村4471764
1. 链接标签：<a href="链接" target=“表示打开目标的方式”>
2. 方式： _self 在当前页面打开
3. 方式： _blank在新窗口打开
查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2020-10-30
慕村4471764
1. 链接标签都用法：<a href="the object of the website" title="滑过显示文本">中间的文本</a>
查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2020-10-30
慕沐9259547

代表一块区域的内容吗

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2020-10-30
BIT_W
CSS全称为“层叠样式表 (Cascading Style Sheets)”主要用于定义HTML内容在浏览器内的显示样式
css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：
选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：
```
p{font-size:12px;color:red;}
```
css标签：<style></style>
属性：
type：一般值为"text/css"这种用于表明自己是css
css注释：用/*注释语句*/来标明（Html中使用)
三种使用css方式：
内联式：就是把css代码直接写在现有的HTML标签中，如下面代码：
```

```
嵌入式：就是可以把css样式代码写在<style type="text/css"></style>标签之间，如下面代码：
```
<html>
    <head>
        <style>
            p {
                color:red;
            }
        </style>
    </head>
    <body>
        <p>这里文字是红色。</p>
    </body>
</thml>
```
外部式：就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
```
/*这个是在style.css文件里面*/
p{
    color:red;
    font-size:20px;
}
```
```
<html>
    <head>
       
       <link href="style.css" rel="stylesheet" type="text/css" />
       
    </head>
    <body>
        <p>这里文字是红色。</p>
    </body>
</thml>
```
记住他们的优先级：内联式 > 嵌入式 > 外部式(相同权值的情况下)
查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2020-10-30
攻城狮BabyQ

1、设置display: flex属性可以把块级元素在一排显示。

查看全部

0 采集收起来源：弹性盒模型 - 弹性盒模型之flex属性
2020-10-29
慕村4471764

<img>标签的应用：
1.语法： <img src="picture adress" alt="when you fail to download the ariticle is" title ="when you move your mouse it will appear">

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2020-10-29
慕村4471764
html列表标签有两种
1. 有序的列表，即<ol>,中间放入<li>表示某一项。
2. 无序的列表，即<ul>,中间同样放入<li>表示某一项。
查看全部

0 采集收起来源：添加图书销售排行榜- 使用<ol><li>标签实现有序列表
2020-10-29
慕村4471764

3总结：</br>是回车
</hr>是水平分割线
&nbsp是空格

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2020-10-29
冯唐FT
css样式
```
选择器{
    样式;
}
```
标签选择器
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：
```
p{font-size:12px;line-height:1.6em;}
```
类选择器
```
.类选器名称{css样式代码;}
```
```
<span class="stress">胆小如鼠</span>
```
```
.stress{color:red;}/*类前面要加入一个英文圆点*/
```
ID选择器
<span id="stress">胆小如鼠</span>
#stress {
color: red;
}
类选择器和ID选择器得区别：
相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。
如：
```
.stress{
    color:red;
}
.bigsize{
    font-size:25px;
}
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p>
```
子选择器
子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。
```
.food>li{border:1px solid red;}
```
后代选择器
即加入空格,用于选择指定标签元素下的后辈元素
```
.first  span{color:red;}
```
通用选择器
它使用一个（*）号指定，它的作用是匹配html中所有标签元素
```
* {color:red;}
```
伪类选择器
它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
```
a:hover{color:red;}
```
分组选择器
为html中多个标签元素设置同一个样式时，可以使用分组选择符
```
h1,span{color:red;}=h1{color:red;}span{color:red;}
```
查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2020-10-29
慕斯8597663

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

任务

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2020-10-29
慕斯8597663

type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2020-10-29
慕斯8597663

<label for="控件id名称">

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2020-10-29

首页上一页 428 429 430 431 432 433 434 下一页尾页

0/150

提交

取消

开始学习

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

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

初识HTML(5)+CSS(3)

任务