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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <caption>...</caption> 摘要、标题标签
    查看全部
    0 采集 收起

    2018-03-22

  • 内联块状元素(inline-block) display:inline-block 将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。
    查看全部
  • 块级元素转为行内元素 display:inline 行内元素转为块级元素 display:block
    查看全部
  • 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外
    查看全部
  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 浏览器是根据权值来判断使用哪种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*/
    查看全部
  • <table>....</table> 表格标签 <tr>..</tr> 表格行标签 <td>..</td> 表格列标签或者称为表格单元格 <th>..</th> 表格头标签
    查看全部
    0 采集 收起

    2018-03-22

  • <div id ="唯一标示符"> </div>
    查看全部
    0 采集 收起

    2018-03-22

  • <div>....</div> 容器
    查看全部
    0 采集 收起

    2018-03-22

  • 标签的语法 1.标签友英文尖括号<和>括起来,如<html>就是一个标签 2.html中的标签一般都是成对出现的,分开始标签和结束标签。 结束标签比开始标签多了个/ 如: (1)<p></p> (2)<div></div> (3)<span></span> 3.标签与标签之间是可以嵌套的,但先后顺序必须保持一致 ,如<div>里嵌套<p>,那么</p>就必须放在</span>前面。 4.HTML标签不区分大小写,<h1>和<H1>是一样的。 但是建议小写,因为大多数程序员都是以小写为准。
    查看全部
  • 有序列表 <ol> <li>列表信息1</li> <li>列表信息2</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型有三种形式: 1、绝对定位(position: absolute)——相对父包含块 2、相对定位(position: relative)——以前位置相照现在位置 3、固定定位(position: fixed)——相对视图(屏幕内的网页窗口)
    查看全部
  • 如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素,相对于以前的位置,移动方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动
    查看全部

举报

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

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