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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)
    查看全部
  • css样式由选择符和声明符组成。 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:p{font-size:12px;color:red;} 最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
    查看全部
  • 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
    查看全部
  • 盒模型 - - 边界(margin) div{margin:20px 10px 15px 30px;}和padding一样 padding和margin的区别: padding在边框里 margin在边框外
    查看全部
  • 盒模型 - - 填充(padding) div{padding:20px 10px 15px 30px;}上右下左(顺时针) div{padding:10px;}四个方向填充一样 div{padding:10px 20px;}上下填充一样为10px,左右一样为20px
    查看全部
  • 盒模型--宽度和高度: 一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界 css内定义的宽(width)和高(height):内容的宽度和高度。
    查看全部
  • 代码标签: 单行代码:<code> 多行代码:<pre>
    查看全部
    0 采集 收起

    2018-03-22

  • <hr /> :水平横线
    查看全部
  • 只为下边框设置样式:div{border-bottom:1px solid red;}
    查看全部
  • 盒模型 - - 边框(border) 这条线可设置它的粗细、样式和颜色 border:2px solid red; 等价于: border-width:2px; border-style:solid; border-color:red; 注意: 1、border-style:dashed(虚线)| dotted(点线)| solid(实线)... 2、border-color可设置为十六进制颜色,如:border-color:#888; 3、border-width:thin | medium | thick(但不是很常用)|象素(px)...
    查看全部
  • 盒子模型: 月饼盒:页面元素(例:<div>) 月饼(内容):文字、图片、另一个标签元素 月饼盒到月饼的距离:内填充(padding) 两个月饼盒之间的距离:外边距(margin) 盒子的边框(border) 块级标签都具备盒子模型特征。如:<div><ul><ol><p><h><table>
    查看全部
  • 很不错
    查看全部
  • <table summary="表格简介文本,摘要"> 摘要:不会在浏览器中显示出来。 <caption>表格标题</caption> 表格标题:显示在表格的正上方
    查看全部
    1 采集 收起

    2018-03-22

  • 头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。
    查看全部
  • 层模型--固定定位 fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。[由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化],除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同
    查看全部

举报

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

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