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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • html注释格式:<!--注释文字 -->
    查看全部
  • 1、标签选择器其实就是html代码中的标签。 2、类选择器语法:.类选器名称{css样式代码;} 3、ID选择器:在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:a、为标签设置id="ID名称",而不是class="类名称"。b、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 2|3、类和ID选择器的区别:相同点:可以应用于任何元素。不同点:a、ID选择器只能在文档中使用一次。b、可以使用类选择器词列表方法为一个元素同时设置多个样式。 4、子选择器:即大于符号(>),用于选择指定标签元素的第一代子元素。 5、包含(后代)选择器:包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。 4|5、包含选择器与子选择器的区别:子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。 6、通用选择器:通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素。 7、伪类选择器: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。 8、分组选择符:当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,)。
    查看全部
  • 选择器 形式: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素
    查看全部
  • 三种方法的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面,如<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面 总结来说(内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下),就是--就近原则(离被设置元素越近优先级别越高) 权值: 一条样式规则的整体权重值包含四个独立的部分:[A, B, C, D]; A表示内联样式,只有1或者0两个值; B表示规则中ID的数量; C表示规则中除了ID、标签和伪元素以外的其它选择器数量; D表示规则中标签和伪元素的数量; 比较时从高位到低位(从A到D)分别比较,高位相同才需要比较低位; 有 !important 标记的属性权重值无视没用 !important 指定的一切情况; 多次指定 !important 时,相互抵销。 CSS2.1中使用一个4位的数字来表示权重,以下是有关权重的一些规定: 类型选择符的权重为:0001 类选择符的权重为:0010 通用选择符的权重为:0000 子选择符的权重为:0000 属性选择符的权重为:0010 伪类选择符的权重为:0010 伪元素选择符的权重为:0010 包含选择符的权重为:包含的选择符权重值之和 内联样式的权重为:1000 继承的样式的权重为:0000 http://www.webjx.com/css/divcss-32212.html
    查看全部
    0 采集 收起

    2018-03-22

  • <pre> 标签不只是为显示计算机的源代码时用的,需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。<pre></pre>里面的文本通常会保留空格和和换行符
    查看全部
    0 采集 收起

    2018-03-22

  • 在介绍语言技术的网站中,必免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了
    查看全部
    0 采集 收起

    2018-03-22

  • <div id="版块名称">…</div> id名称是唯一的
    查看全部
    0 采集 收起

    2018-03-22

  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 <q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用<blockquote>。
    查看全部
    0 采集 收起

    2018-03-22

  • <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • <q></q> 用在引用别人的文章短句子,诗词或者语录的时候。默认样式是双引号,所以不用再再引用的句子里面添加双引号了。
    查看全部
    1 采集 收起

    2018-03-22

  • 应用css样式的文字段前后要加<p></p> p{}定义中语句要加分号。
    查看全部
  • <ol> <li>信息</li> <li>信息</li> ...... </ol> <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始
    查看全部
    0 采集 收起

    2018-03-22

  • fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。 以下代码可以实现相对于浏览器视图向右移动0px,向下移动0px。 并且拖动滚动条时位置固定不变。靠紧右边,保持拖动滚动条一直出现……很适合做广告
    查看全部
  • 元素分类--内联块状元素 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 提示:下一小节是用视频动画来讲解css中的盒模型。
    查看全部

举报

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

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