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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 加入一行代码吗?使用<code>标签 语法:<code>代码语言</code> 使用code标签,不仅是为代码设置不同的样式,主要还是为了语议化:为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 文字排版--下划线 有些情况下想为文字设置为下划线样式,这样可以在视觉上强调文字,可以使用下面代码来实现: p a{text-decoration:underline;}
    查看全部
    0 采集 收起

    2015-02-14

  • 这些地址信息如公司的地址就可以<address>标签。 2.<address>地址信息</address>在浏览器上显示的样式为斜体 可用CSS修改
    查看全部
    0 采集 收起

    2018-03-22

  • 以下代码可以实现文字以斜体样式在浏览器中显示: p a{font-style:italic;}
    查看全部
  • <hr>标签,添加水平横线 <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可用CSS修改
    查看全部
  • 回车都是没有作用的。要想输入空格,必须写入&nbsp;语法&nbsp;
    查看全部
  • 我们还可以使用css样式来改变文字的样式:粗体、斜体、下划线、删除线,可以使用下面代码实现设置文字以粗体样式显示出来。 p span{font-weight:bold;}
    查看全部
  • 在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />
    查看全部
  • <q>标签是对简短文本的引用。 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。 语法: <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) 举例: <form> 姓名: <input type="text" name="myName"> <br/> 密码: <input type="password" name="pass"> </form>
    查看全部
  • <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,里面有详细介绍。
    查看全部
  • p{color:red;} .first{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。 下面是权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码: p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。 任务 我来试一试:为“胆小如鼠”这几个文本设置颜色为紫色 要求:为“胆小如鼠”这几个文本设置权值更高的CSS样式代码来覆盖以前的CSS样式代码 在第11行输入下面的代码: p span{color:purple;} 或 p>span{color:purple;}
    查看全部
  • <code>在网页中显示一些计算机专业的编程代码 <code>代码语言</code> 多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • <address>地址信息</address> 在浏览器上显示的样式为斜体 可用CSS修改
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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