慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕数据1031971

1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前

2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。

3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。

4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-08-07
qq_媛祭_0

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

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2021-08-06
慕无忌6299350

常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-08-06
慕无忌6299350

text-align 的对象是块状元素，不能对其它的使用

查看全部

0 采集收起来源：换个排列方式 - 使用text-align设置文本对齐方式
2021-08-06
慕无忌6299350

2em的意思就是文字的2倍大小

查看全部

0 采集收起来源：开头空两格喔 - 使用text-indent为文本添加首行缩进
2021-08-06
慕无忌6299350

letter-spacing 文字间隔
word-spacing 字母间隔

查看全部

0 采集收起来源：男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白
2021-08-06
慕无忌6299350

font样式的简写方式
1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用：
body{
font:12px/1.5em "宋体",sans-serif;
}

查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2021-08-05
慕无忌6299350

标识符的规则是以字母、下划线“_”和“$”符开头，后面可跟字母、下划线“_”和“$”符或数字。类名或者id名也属于一种标识符, 所有不能以数字开头。你可以写a1, a2等。但是一般都是定义为有固定语义的单词或者简写，这样比较规范。

查看全部

0 采集收起来源：上个色 - 使用color设置字体颜色
2021-08-05
慕无忌6299350

font-style:italic;
设置字体以斜体显示。

normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
赋值oblique与italic，显示出来的样式并无区别，都是斜体。

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2021-08-05
慕无忌6299350

当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-08-05
qq_慕勒6349532

<input type="submit" value="提交"> 提交按钮
<input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2021-08-05
qq_慕勒6349532

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

查看全部

1 采集收起来源：使用select、option标签创建下拉菜单
2021-08-05
qq_慕勒6349532

:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-08-05
qq_慕勒6349532

<label for="控件id名称">
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
<form
<label for="email">输入你的邮箱地址</label>
<input type="email" id="email" placeholder="Enter email">
</form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-08-05
qq_慕勒6349532

<textarea rows="行数" cols="列数">文本</textarea>
<form method="post" action="save.php">
         <label>联系我们</label>
         <textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2021-08-05

首页上一页 210 211 212 213 214 215 216 下一页尾页

0/150

提交

取消

开始学习

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

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