慕课网

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

初识HTML(5)+CSS(3)

最热最新

weixin_慕丝1077967

<br />：换行标签。标签相当于word文档中的回车。它是一个空标签，属于单标签，类似的标签还有：<hr /> <img />

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2022-03-13
慕虎1574180

css
内嵌式：写在标签里面
例如<span >开心</span>

嵌入式:写在<head></head>里面
例如<head>
<style>
span {
color:blue;
}
</style>
</head>
外部式
外部式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样式
2022-03-13
慕虎1574180

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

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2022-03-13
慕虎1574180

input type属性
number 只能在里面填数字
url 只能以http://或者https://开头
email 必须包含@且@后面需要有东西

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2022-03-13
慕虎1574180

input标签中占位符placeholder,属性，有时候需要提示用户输入框需要输入框的内容，那么就会用到我们的占位符
1、placeholder属性为输入框占位符,里面可以放提示的输入信息。
2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。
3、占位符内容不是输入框真正的内容。

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2022-03-13
慕虎1574180

语法：
<form method="传送方式" action="服务器文件">
讲解：
1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ：数据传送的方式（get/post）。
<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
注意:
1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。
2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki，里面有详细介绍。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2022-03-13
慕虎1574180

1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2022-03-13
慕虎1574180

1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2022-03-13
慕后端8096530

标签〈html〉〈/html〉头部〈head〉〈/head〉主体〈body〉〈/body〉题目〈title〉〈/title〉变化〈meta〉〈/meta〉图片〈img〉〈/img〉标题〈hx〉〈/hx〉x=1~6 段落〈p〉〈/p〉斜体〈em〉〈/em〉加粗〈strong〉〈/strong〉回车〈br /〉空格&nbsp 定义〈span〉〈/span〉引用〈q〉〈/q〉大段引用〈blockquot〉〈/blockquot〉代码〈code〉〈/code〉大段代码〈pre〉〈/pre〉

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2022-03-14
karryfry

p{text-indent:2em;}

查看全部

0 采集收起来源：开头空两格喔 - 使用text-indent为文本添加首行缩进
2022-03-06
karryfry

text-decoration

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2022-03-06
karryfry

body{
font:12px/1.5em "宋体",sans-serif;
}

查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2022-03-06
karryfry

body{font-family:"宋体";}

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2022-03-06
karryfry

!important要写在分号的前面

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2022-03-06
慕容0270021

<span>标签设置单独的样式(颜色，大小等等）

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2022-03-05

首页上一页 124 125 126 127 128 129 130 下一页尾页

0/150

提交

取消

开始学习

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

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