为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • <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" 时,该选项被默认选中
    查看全部
  • 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 :在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />
    查看全部
  • 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 浏览器对<blockquote>标签的解析是缩进样式。如下图所示:
    查看全部
    0 采集 收起

    2018-03-22

  • 在CSS中,html中的标签元素有三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 【常用的块状元素】 <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 【常用的内联元素】<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 【常用的内联块状元素】<img>、<input>
    查看全部
  • 继承:css的某些样式具有继承性,是指样式不仅应用于某个HTML标签元素,而且应用于其后代 不是所有样式都具有继承性
    查看全部
  • 为块状元素中的文本、图片设置居中样式可以使用text-align样式代码。
    查看全部
    0 采集 收起

    2015-01-26

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>表单标签</title> </head> <body> <form method="post" action="save.php" > <label for="username">用户名:</label> <input type="text" name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="password" name="pass" id="pass" value="" /> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form> </body> </html>
    查看全部
  • . 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 <q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • span{ color:blue; }
    查看全部
    0 采集 收起

    2015-01-26

  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 语法: <hx>标题文本</hx> (x为1-6) 从上面的图片可以看出标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
    查看全部
    0 采集 收起

    2018-03-22

  • <p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
    查看全部
    0 采集 收起

    2018-03-22

  • 长度值 1.px:显示器上的小点 与显示器的实际像素值有关 2.em:字体的 font-size 值 font-size=14px ,则1em = 14px;font-size=18px,则1em = 18px p{font-size:12px;text-indent:2em;} 当font-size单位为 em 时,以父元素的 font-size 为基础 3.百分比 p{font-size:12px;line-height:130%} // 设置行间距为字体的130%(12 * 1.3 = 15.6px)
    查看全部
    0 采集 收起

    2015-01-26

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!