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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 块状元素因为没设置宽度,宽度都默认为100% 所以块状元素都默认各站一行,在所包含的元素内自上而下按顺序垂直延伸分布。
    查看全部
  • 块状元素如果没有设置其宽度,将默认宽度为100%
    查看全部
  • css里面包含了3种布局模型 Flow、Float、Layer Flow 为流动模型 Folat 为浮动模型 Layer 为层模型
    查看全部
  • 伪类选择符是可以同时使用的哦! a{font-weight:bold;color:GReen;} a:hover{color:red; font-size:40px;}
    查看全部
  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。
    查看全部
  • padding-top =上填充 padding-right =右填充 padding-bottom=下填充 padding-left =左填充 border-top =上边框 border-right =右边框 border-bottom =下边框 border-left =左边框 margin-top =上边界 margin-right =右边界 margin-bottom =下边界 margin-left =左边界
    查看全部
  • 居中代码
    查看全部
  • 类和ID选择器的区别 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • 1 <blockquote>标签的语义是引入长文本,在浏览器的解析是缩进样式 2 <blockquote>和<q>标签一样,使用时要去掉文本两边的双引号
    查看全部
    0 采集 收起

    2018-03-22

  • ID选择器 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • <!-盒子模型的填充顺序:联想到家中客厅挂的钟表盘,指针顺时针运动-> (一) div{ padding-top:20px; padding-right:15px; padding-bottom:15px; padding-left:15px; } (二) div{20px 15px 15px 15px;}
    查看全部
  • 类选择器 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • <!-元素的实际宽度的组成-> <style type="text/css"> margin:10px; border:1px; padding:10px; </style> 左边框+左边界+左填充{内容的宽带}+右填充+右边界+右边框 margin-left + border+padding-left+{width:200px;height:300px}+border+padding-right+margin-right
    查看全部
  • <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个象素的黑色边框。
    查看全部
    0 采集 收起

    2018-03-22

  • 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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