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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 层模型 层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作 CSS定义了一组定位(positioning)属性来支持层布局模型。可以对每个图层能够精确定位操作。 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed) 层模型--绝对定位(position:absolute) 作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
    查看全部
  • 标签与标签之间是可以嵌套的,但先后顺序必须保持一致 HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
    查看全部
  • 浮动模型 任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动.如: div{ width:200px; height:200px; border:2px red solid; float:right; }
    查看全部
  • 1. HTML是网页内容的载体 2. CSS样式是表现 3. JavaScript是用来实现网页上的特效效
    查看全部
  • 流动模型 流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的 流动布局模型2个比较典型的特征: 1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。 2.在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示
    查看全部
  • css布局模型 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念.但布局模型是建立在盒模型基础之上,又不同于常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • <table> tbody是要包在table里面才能使用 <tbody> <tr> <th>班级</th> <th>学生数</th> <th>平均成绩</th> </tr> <tr> <td>一班</td> <td>30</td> <td>89</td> </tr> </tbody> </table>
    查看全部
    0 采集 收起

    2018-03-22

  • table、tbody、tr、th、td
    查看全部
    0 采集 收起

    2014-11-19

  • 盒模型--边界 元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。 padding和margin的区别,padding在边框里,margin在边框外。
    查看全部
  • 盒模型--填充 元素内容与边框之间是可以设置距离的,称之为“填充”。填充可分为上、右、下、左(顺时针)。
    查看全部
  • 盒模型--宽度和高度 css内定义的宽(width)和高(height),指的是填充以里的内容范围。因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。 比如: css代码: div{ width:200px; padding:20px; border:1px solid red; margin:10px; } 元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。
    查看全部
  • 盒模型--边框 css样式中允许只为一个方向的边框设置样式,如: div{border-bottom:1px solid red;}
    查看全部
  • 盒模型--边框 盒子模型的边框就是围绕着内容及补白的线可以设置它的粗细、样式和颜色(边框三个属性)。 注意: 1、border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 2、border-color(边框颜色)中的颜色可设置为十六进制颜色 3、border-width(边框宽度)中的宽度也可以设置为:thin | medium | thick(但不是很常用),最常还是用象素(px)。
    查看全部
  • 盒子模型外边距margin 盒子模型内填充padding 盒子模型边框border 都有四个方向:left right top bottom 元素实际高度(宽度)=本身高(宽)+上下(左右)内填充+上下(左右)边框 盒子模型特征:块标签:div p ul ol h table
    查看全部
  • 类选择器可以一次定义多次使用,id选择器只能使用一次。 对于一个对象的多个样式,可以用class选择器词列表,但不可以用id词列表
    查看全部

举报

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

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