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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用css样式来修改它<address>标签的默认样式。 如何修改?
    查看全部
    0 采集 收起

    2018-03-22

  • p{text-indent:2em;} 2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2014-12-23

  • <hr> 分割线
    查看全部
  • padding(填充)的默认顺序为:上右下左(顺时针)
    查看全部
  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 表格标题和摘要: <table summary="摘要的内容不会在浏览器中显示"> 标题:显示在表格上方。 <table> <caption>表格标题</caption> <tr> <td>...</td> </tr> ... </table>
    查看全部
    0 采集 收起

    2018-03-22

  • 浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式:标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
    查看全部
  • css元素分为三类:块状、内联、内联块状
    查看全部
  • 现在有一任务,把右侧编辑器中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句),本小节讲解一种新的方法嵌入式css样式来实现这个任务。 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
    查看全部
    1 采集 收起

    2018-03-22

  • 注意: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。
    查看全部
    0 采集 收起

    2018-03-22

  • 颜色值缩写 关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1: p{color:#000000;} 可以缩写为: p{color: #000;} 例子2: p{color: #336699;} 可以缩写为: p{color: #369;}
    查看全部
    0 采集 收起

    2014-12-23

  • 表格标签<table> <table> <tbody> <tr> <th>表格表头</th> </th>表格表头</th> <th>表格表头</th> </tr> <tr> <td>一般表格内容</td> <td>一般表格内容</td> <td>一般表格内容</td> </tr> </tbody> </table> 1. th=table head表头 tr=table row表格的行 td=table data cell表格单元格(列) 2. 默认样式: 在浏览器中显示是没有表格线的。 <th>表头标签的内容显示为粗体居中。 3. <tbody>的作用是当表格内容很多时,在表格全部加载完才显示完整的表格,而不是下载一点显示一点。
    查看全部
    0 采集 收起

    2018-03-22

  • 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px; 可缩写为: margin:10px; 2、如果top和bottom值相同、left和 right的值相同,如下面代码: margin:10px 20px 10px 20px; 可缩写为: margin:10px 20px; 3、如果left和right的值相同,如下面代码: margin:10px 20px 30px 20px; 可缩写为: margin:10px 20px 30px; 注意:padding、border的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2014-12-23

  • <form method="传送方式" action="服务器文件"> 1.<form>标签是成对出现的,以<form>开始,以</form>结束 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php) 3.method : 数据传送的方式(get/post) form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 两者的主要区别如下: 1.GET将表单中的数据按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;POST是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 get传输形式:http://www.imooc.com/test.asp?name=lilian&password=1234 2.GET是不安全的,因为在传输过程中,数据被存放在请求的URL地址中,这样隐私的信息就可能被第三方看到。 3.GET方式传输的数据量非常小,一般限制在2KB左右,但是执行效率却比POST方法高;而POST方式传递的数据量相对较大,它是等待服务器来读取数据的。 因此,尽量使用POST方法。
    查看全部
  • 内联式 > 嵌入式 > 外部式
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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