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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <q>:默认样式为双引号,语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • 分组选择符 (,) 为多个标签元素设置同一个样式时使用 h1,span{color:red;} h1、span标签同时设置字体颜色为红色
    查看全部
  • 伪类选择符 a:hover{color:red;} /*鼠标滑过字体颜色变为红色特效*/ 只有 <a> 的 :hover 伪类可以兼容所有浏览器 伪类可以给任何元素加 p:hover {color:red;}
    查看全部
  • 通用选择器 * 号指定,作用是匹配html中所有标签元素。 * {color:red;} /*任意标签元素字体颜色全部设置为红色*/
    查看全部
  • 包含(后代)选择器 .first span{color:red;} 子选择器:作用于子元素的第一代后代 ">" 后代选择器:是作用于所有子后代元素 " " 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 子选择器 (大于符号(>)) 用于选择指定标签元素的第一代子元素 .food>li {border:1px solid red;} 代码解释:class名为 food 下的子元素 li 加入红色实线边框。
    查看全部
  • 类和ID 选择器的区别 相同点:可以应用于任何元素 不同点: 1. ID选择器只能在文档中使用一次,而类选择器可以使用多次. 2.可以使用类选择器词列表方法为一个元素同时设置多个样式。 也就是说标签内的class属性可以赋好几个值
    查看全部
  • 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
    查看全部
  • 标题标签:<h1>标题</h1> 段落标签:<p>段落</p> 图片标签:<img src="1.jpg"> 总结一下,可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。
    查看全部
    0 采集 收起

    2018-03-22

  • >作用于元素的第一代后代,空格作用于元素的所有后代
    查看全部
  • ID选择器 1.为标签设置id="ID名称",而不是class="类名称" 2.ID选择符的前面是井号(#)号,而不是英文圆点(.)。 #id { color:red; } <span id="id">文本</span>
    查看全部
    0 采集 收起

    2018-03-22

  • Relative与Absolute组合使用: 1、参照定位的元素(父元素)必须加入position:relative; 2、定位元素(子元素)加入position:absolute,使用top、bottom、left、right来进行偏移定位。
    查看全部
  • 类选择器: .类选器名称{css样式代码;} 放在<style>标签内 .lei{color:red;} <span class="lei">胆小如鼠</span> 1.英文圆点开头 2.类选器名称可以任意起名(但不要起中文噢)
    查看全部
  • 层模型 - - 固定定位(position:fixed):与background-attachment:fixed;属性功能相同 相对移动的坐标是视图(屏幕内的网页窗口)本身,固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响
    查看全部
  • 标签选择器就是html代码中的标签: body,h1,p,等 font-weight:normal; 字体样式改为默认
    查看全部

举报

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

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