慕课网

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

初识HTML(5)+CSS(3)

最热最新

CECIL1121
CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
```
<p >这里文字是红色。</p>
```
注意要写在元素的开始标签里，下面这种写法是错误的：
```
<p>这里文字是红色。</p >
```
并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：
```
<p >这里文字是红色。</p>
```
查看全部

0 采集收起来源：既然那么好,那就引入css吧 - 内联式css样式
2020-11-21
CECIL1121

就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。就像下面代码：

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2020-11-21
CECIL1121
选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：
```
p{font-size:12px;color:red;}
```
注意：
1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：
```
p{
   font-size:12px;
   color:red;
}
```
查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2020-11-21
CECIL1121
为什么使用css样式来设置网页的外观样式呢？右边编辑器是一段文字，我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色，这时就可以通过设置样式来设置，而且只需要编写一条css样式语句。
第一步：把这三个短语用<span></span>括起来。（见右边代码编辑器15行）
第二步：写入下列代码：（见右边代码编辑器8-10行）
```
span{
    color:red;
}
```
观察结果窗口文字的颜色是否变为红色了。
查看全部

0 采集收起来源：为什么是css呢? - CSS样式的优势
2020-11-21
CECIL1121

<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字
举例：
在浏览器中显示的结果：
输入账号
单击重置按钮

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2020-11-21
CECIL1121
```
<input   type="submit"   value="提交">
```
type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字
举例：
在浏览器中显示的结果：
查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2020-11-21
CECIL1121

1、select和option标签都是双标签，它总是成对出现的，需要首标签和尾标签。
2、select标签里面只能放option标签，表示下拉列表的选项。
3、option标签放选项内容，不放置其他标签。
4、value：
5、selected="selected"：
设置selected="selected"属性，则该选项就被默认选中。
在浏览器中显示的结果：

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2020-11-21

慕勒9156304

类选择器

.类选器名称{css样式代码;}
<body>
<style>
.name{
    color:red;
</style>
<body>

<head>
<span class="name">胆小如鼠</span>
</head>

查看全部

0 采集收起来源：再选一个类 - 类选择器

2020-11-21

慕勒9156304

每一条css样式声明（定义）由两部分组成，形式如下：
选择器{
样式；
}
选择器：指明{}样式的作用对象

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2020-11-21
慕勒9156304
外部式css样式
- 把css代码写在单独的文件中，以css为后缀
- rel="stylesheet" type="text/css" 是固定写法不可修改。
- <link>标签位置一般写在<head>标签之内。
<head>
<link href="" rel="stylesheet" type="text/css"/>

<head>
查看全部

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

嵌入式css样式
<head>
<style type="text/css">
标签{
color:red;
font-size:20px;
}
</style>
</head>

查看全部

0 采集收起来源：换个地方吧,行内太挤了 - 嵌入式css样式
2020-11-21
慕虎1538014

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

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2020-11-21
慕勒9156304
<label for="uname">姓名</label>
<input type="text" id="uname" placeholder="enter uname"/>
- <label>中的for和<input>中的ID相同，才会自动关联
查看全部

0 采集收起来源：使用label为input标签穿上衣服
2020-11-21
慕勒9156304

email
2、数字框的值必须包含@。
3、数字框的值@之后必须有内容,否则会报错误提示。

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2020-11-21
慕勒9156304
url
- 数字框的值需以http://或者https://开头
- 后面必须有内容,否则表单提交的时候会报错误提示。
查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2020-11-21

首页上一页 396 397 398 399 400 401 402 下一页尾页

0/150

提交

取消

开始学习

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

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