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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
最热 最新
  • 38_szez
    font-size:20px --字体大小 color:#930 --字体颜色 text-align:center ---字体居中
    查看全部
    0 采集 收起 来源：佛靠金装，人靠衣装 - html和css的关系

    2014-11-13

  • 笑笑笑昂
    层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。 如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green，这个层叠很好理解，理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了： 层叠的作用：当元素的多种样式权值相同，位置后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了(前提是权值相同)： 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
    查看全部
    0 采集 收起

    2018-03-22

  • 摩羯座_小贱
    使用单选框、复选框，让用户选择 在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子: 语法： <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时，控件为单选框 当type="checkbox"时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序ASP、PHP使用 4、checked：当设置checked="checked"时，该选项被默认选中 如下面代码： 注意：代码中的<label>标签在本章5-9中讲解。 在浏览器中显示的结果： 注意:同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。
    查看全部
    0 采集 收起 来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择

    2018-03-22

  • baibm001
    body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。 //font-variant定义 font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
    查看全部
    0 采集 收起

    2018-03-22

  • 摩羯座_小贱
    文本域，支持多行文本输入 当用户需要在表单中输入大段文字时，需要用到文本输入域。 语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 举例： <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form> 注意：代码中的<label>标签在本章5-9中讲解。 在浏览器中显示结果： 注意这两个属性可用css样式的width和height来代替：col用width、row用height来代替。（这两个css样式在以后的章节会讲解）
    查看全部
    0 采集 收起 来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域

    2018-03-22

  • baibm001
    关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}
    查看全部
    0 采集 收起

    2014-11-13

  • cherry1
    通用选择器 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}
    查看全部
    0 采集 收起 来源：我全都要 - 通用选择器

    2014-11-13

  • liuhui_niu
    字体缩写 网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。
    查看全部
    0 采集 收起

    2018-03-22

  • baibm001
    1、参照定位的元素必须是相对定位元素的前辈元素： 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
    0 采集 收起 来源：Relative与Absolute组合使用

    2014-11-13

  • 摩羯座_小贱
    文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。 语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 举例： <form> 姓名： <input type="text" name="myName"> <br/> 密码： <input type="password" name="pass"> </form> 在浏览器中显示的结果：
    查看全部
    0 采集 收起 来源：先来填用户名和密码 - 文本输入框、密码输入框

    2018-03-22

  • liuhui_niu
    第12章 CSS布局模型总结 1.流动模型 flow:网页默认的布局模式 2.浮动模型 float:left/right;(应用于块级元素和内联块级元素) 3.层模型（重点难点）原理对应于photoshop中的图层 绝对定位：position:absolute; 脱离文档流， 相对于其最接近的一个具有定位属性(如有position:relative;)的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。 相对定位：position:relative;在正常的文档流中偏移位置，且占据之前的文档位置 固定定位：position:fixed;相对于浏览器窗口定位，不会随滚动条移动 组合使用relative和absolute进行定位 1、参照定位的元素必须是相对定位元素的前辈元素 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
    0 采集 收起 来源：Relative与Absolute组合使用

    2014-11-13

  • baibm001
    fixed 固定定位 它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，
    查看全部
    0 采集 收起 来源：我就在那不动了-层模型之固定定位

    2014-11-13

  • baibm001
    父元素position:relative 之后 子元素相对于父元素定位
    查看全部
    0 采集 收起 来源：相对于自己的位置-层模型之相对定位

    2014-11-13

  • baibm001
    设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。
    查看全部
    0 采集 收起 来源：相对于自己的位置-层模型之相对定位

    2014-11-13

  • cherry1
    不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 错误的： <span id="stress">胆小如鼠</span>。。。<span id="stress">勇气</span>来回答老师提出的问题。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。 错误：<p>到了<span id="stressid bigsizeid">
    查看全部
    0 采集 收起 来源：类和ID选择器的区别

    2018-03-22

首页上一页27687276882768927690276912769227693下一页尾页

举报

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

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

查看已购买的课程