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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 简写时,元素与元素之间空出一个,不需要加分号。
    查看全部
  • 常见元素:块状元素、内联元素、内联块状元素
    查看全部
  • 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • 上、右、下、左(顺时针)。 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}
    查看全部
  • 三种css样式的优先级 一般按照就近原则 内部式>嵌入式>外部式 (前提是按照这个顺序就近) 不过 就近原则成立的条件是三种样式时在相同的权值中进行的
    查看全部
    0 采集 收起

    2015-01-19

  • 外联式css标签 <link href="main.css" rel="stylesheet"type="text/css"/> <link>标签在<head>标签之内 注意rel="stylesheet" type="test/css"/ 是固定写法不可更改 css文件命名是有意义的英文字母名称
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css标签 把代码写在<style> </style>之间 能够把指定的部分同时产生作用 一般在<head></head>之间 <style type="text/css> span{ color:red } </stycle>
    查看全部
    0 采集 收起

    2018-03-22

  • css样式包括:内联式 嵌入式和外部式 内联式 <p stycle="声明">文本语言</p> 注意要写在开始的标签里 写在引号里 多条css标签要用分号隔开
    查看全部
    0 采集 收起

    2018-03-22

  • css代码语法 选择符{属性:值} 声明
    查看全部
  • <span>、<em>、<strong>、<span>这三个标签进行一下总结: 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型--相对定位 步骤: 1.在属性中设置position:relative; 2.设置元素需要偏移的位置(left,right,top,bottom) 需要注意的是:相对路径和绝对路径的区别:相对路径不影响其他元素布局,绝对路径影响其他元素的布局。或者说 使用相对路径的元素等于新建一个图层进行布局,不影响原先图层的布局。
    查看全部
  • 如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口
    查看全部
  • <form> <p>你对什么运动感兴趣:</p> <label for="item1">慢跑</label> <input type="checkbox" name="sports" id="item1"/> <br/> <label for="item2">登山</label> <input type="checkbox" name="sports" id="item2"/> <br/> <label for="item3">篮球</label> <input type="checkbox" name="sports" id="item3"/> </form>
    查看全部
  • CSS定义了一组定位(positioning)属性来支持层布局模型。 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部

举报

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

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