慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕用2449304

标签选择器
标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>。

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2020-12-19
慕用2449304
选择器
每一条css样式声明（定义）由两部分组成，形式如下：
```
选择器{
    样式;
}
```
在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2020-12-19
慕用2449304

三种链接方式的优先级
内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面。

查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2020-12-19
慕用2449304

外部式css样式
外部式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-12-19
慕用2449304

嵌入式css样式
嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。
嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

查看全部

0 采集收起来源：换个地方吧,行内太挤了 - 嵌入式css样式
2020-12-19
慕用2449304
内联式css样式
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
```
<p >这里文字是红色。</p>
```
注意要写在元素的开始标签里，下面这种写法是错误的：
```
<p>这里文字是红色。</p >
```
并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：
```
<p >这里文字是红色。</p>
```
查看全部

0 采集收起来源：既然那么好,那就引入css吧 - 内联式css样式
2020-12-19
慕用2449304

CSS注释代码
在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2020-12-19
慕用2449304

CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2020-12-19
慕用2449304

使用重置按钮，重置表单信息
语法：
<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2020-12-19
慕用2449304
提交按钮
语法：
```
<input   type="submit"   value="提交">
```
type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字
查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2020-12-19
慕用2449304

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

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2020-12-19
慕用2449304
单选框、复选框，让用户选择
语法：
```
<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
```
1、type:
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中
注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。
查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2020-12-19
慕用2449304
使用label为input标签穿上衣服
语法：
```
<label for="控件id名称">
```
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子：
```
<form
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>
```
查看全部

0 采集收起来源：使用label为input标签穿上衣服
2020-12-19
慕用2449304
使用<textarea>标签创建文本域
语法：
```
<textarea  rows="行数" cols="列数">文本</textarea>
```
1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。
查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2020-12-19
慕用2449304

邮箱输入框
1、Input的type属性设置为email,则表示该输入框的类型为邮箱。
2、数字框的值必须包含@。
3、数字框的值@之后必须有内容,否则会报错误提示。

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2020-12-19