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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。 </html><style type="text/css"> h1{ font-size:12px; color:red; } </style> </head> <body> <p>慕课网你可以和朋友一起编程。</p> <h1>linyanwei</h1> </body>
    查看全部
  • <p >这里文字是红色</p> 多条css样式代码中间用分号隔开。
    查看全部
    0 采集 收起

    2018-03-22

  • 优先级:内联式 > 嵌入式 > 外部式但是嵌入式>外部式有一个前提:样式表中css样式是在的相同权值的情况下。 就近原则
    查看全部
    0 采集 收起

    2018-03-22

  • 参照定位的元素必须是相对定位元素的前辈元素: <div id="box1"><!--参照定位的元素--> <div id="box2">相对参照元素进行定位</div><!--相对定位元素--> </div> 参照定位的元素必须加入position:relative; #box1{长宽自定义~ position:relative; } 、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top、left属性}
    查看全部
  • 参照定位的元素必须是相对定位元素的前辈元素: <div id="box1"><!--参照定位的元素--> <div id="box2">相对参照元素进行定位</div><!--相对定位元素--> </div> 参照定位的元素必须加入position:relative; #box1{长宽自定义~ position:relative; } 、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top、left属性}
    查看全部
  • 外部式css样式(也可称为外联式) <link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型--固定定位 fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。
    查看全部
  • CSS中用/*注释语句*/ Html中使用<!--注释语句-->
    查看全部
  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码
    查看全部
    0 采集 收起

    2018-03-22

  • <style type="text/css"> span{ color:red; } </style> </head> <body> <p>慕课网,<span >超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p> </body> <p >这里文字是红色。</p>并且cs
    查看全部
    0 采集 收起

    2018-03-22

  • <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,解析为缩进样式
    查看全部
    0 采集 收起

    2018-03-22

  • <q></q>引用,浏览器自动对q标签自动加双引
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型--相对定位 代码实现相对于以前位置向下移动50px,向右移动100px; #div1{ 宽度,高度~ 边框等等~ position:relative; left:100px; top:50px; } <div id="div1"></div>
    查看全部
  • span{……} <span>要改变样式的文本</span>
    查看全部
  • <label for="male">男</label> <input type="radio" name="sex" id="male" /> for要与id相同
    查看全部

举报

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

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