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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 层模型 - - 相对定位(position:relative) 通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置,偏移前的位置保留不动.
    查看全部
  • CSS样式优先级: 内联式 > 嵌入式 > 外部式 注意:用<link>引入的外部样式表一定要在<style>标签之上。
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型 - - 绝对定位(position:absolute) 使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
    查看全部
  • 外部式css样式(外联式) <link href="base.css" rel="stylesheet" type="text/css" /> 把css代码写一个单独的外部文件中,文件扩展名为“.css” 在<head>内使用<link>标签将css样式文件链接到该网页 1.css样式文件名称以有意义的英文字母命名,如 main.css。 2.rel="stylesheet" type="text/css" 是固定写法不可修改。 3.<link>标签位置一般写在<head>标签之内
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型(Layer)的三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • <strong>显示为加粗
    查看全部
    0 采集 收起

    2018-03-22

  • 浮动模型(Float):可让块状元素并排显示 float:left|right;
    查看全部
  • 嵌入式css样式表: 把css样式代码写在<style>标签内,现在的CSS样式没必要加type,因为style只有一种格式,就是text <style> span{ color:red; } </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 流动模型(Flow):默认的网页布局模式 特征: 1.块状元素默认以行的形式占据位置(宽度默认显示为100%,除非设置宽度) 2.内联元素都会在所处的包含元素内从左到右水平分布显示
    查看全部
  • 内联样式表:直接写在现有的HTML标签中 <p >这里文字是红色,大小是12像素。</p> 多条css样式代码设置可以写在一起,中间用分号隔开
    查看全部
    0 采集 收起

    2018-03-22

  • 不可以为一个元素同时设多个ID 类和ID选择器 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次,而类选择器可以使用多次 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器不可以(不能使用 ID 词列表)。 .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
    查看全部
  • css布局模型:流动模型(Flow)、浮动模型 (Float)、层模型(Layer)
    查看全部
  • CSS代码注释 /*注释语句*/ HTML的注释 <!--注释语句-->)
    查看全部
  • CSS代码语法 选择符和声明组成:在英文大括号“{}”中的的就是声明,属性和值之间用 英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔, 例: p{ font-size:12px; color:red; }
    查看全部
  • 三种方法的优先级 内联式 > 嵌入式 > 外部式 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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