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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
最热 最新
  • 小重山
    在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，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"时，该选项被默认选中 注意:同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。 "请选择"三个字的问题，找时间解决
    查看全部
    0 采集 收起 来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择

    2018-03-22

  • 翱翔的鱼儿
    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; }
    查看全部
    0 采集 收起

    2018-03-22

  • 翱翔的鱼儿
    当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半,例如：p{color: #336699;}可以缩写为：p{color: #369;}
    查看全部
    0 采集 收起

    2014-11-25

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

    2014-11-25

  • 翱翔的鱼儿
    position:absolute(绝对定位):将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其【最接近】的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于初始包含块定位，在浏览器里，根元素的包含块（HTML）为初始包含块，【只是一般情况下看上去像是body区域】。 position:relative（相对定位）:通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动（即，虽然div元素相对于以前的位置产生了偏移，但是div元素以前的位置还是保留着，所以其兄弟级元素仍显示在div元素以前位置的前/后面）。 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。 由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。
    查看全部
    0 采集 收起 来源：我就在那不动了-层模型之固定定位

    2014-12-18

  • junedai
    常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>
    查看全部
    0 采集 收起 来源：给元素分个类 - 元素分类

    2018-03-22

  • 翱翔的鱼儿
    在网页中，元素有三种布局模型：流动模型、浮动模型、层模型 流动（Flow）是默认的网页布局模式: 1）块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布（默认状态下，块状元素的宽度都为100%）；2）内联元素都会在所处的包含元素内从左到右水平分布显示。 浮动模型 float属性：left|right|none，特点：元素左移，或者右移，直到触碰到父级元素边缘为止； 设置了浮动的元素，脱离标准文档流，文档流中的块框表现得就像浮动框不存在； 当元素没有设置宽度而设置浮动，元素的宽度随内容的变化而变化（例:<div></div>,不设置width，当设置浮动后元素在页面就会消失）； 当元素设置了浮动，会对紧邻其后的元素产生影响：元素设置左浮动，紧邻其后的元素会上移，并填充其右侧的间隙，反之亦然； 针对【受到浮动影响的元素】的清除浮动方法： 1）clear属性：both(常用)|left|right； 2）同时设置width:100%(或固定宽度)+overflow：hidden 3）【不建议使用】在受到浮动影响的元素之前添加空的兄弟标签，br/p标签 当父级元素没设置高度且没设置浮动，其子元素设置浮动时，父级元素(影响：高度无法随内容扩展而缩成一条线)和紧邻父级元素之后的元素(见父级元素的剩余空间插入)都受到浮动影响； 当父包含块缩成一条线时，对其使用clear：both无效，width:100%(或固定宽度)+overflow：hidden有效，clear：both一般用于紧邻后面的元素的清除浮动； 【div高度一般不要设置】，父层设置overflow:hidden后若再设置高度，内容超出父层会被隐藏，父层就无法随着内容的增高自动扩展高度了。 层模型/绝对定位布局（position） 三种定位形式：1）静态定位（默认，即标准文档流） 2）相对定位 3）绝对定位 4个属性值：static、relative、absolute、fixed（固定定位）（absolute和fixed都应用于绝对定位） 相对定位的特点：1）相对自身原有位置进行偏移；2）仍处于标准文档流中；3）随即拥有偏移属性和z-index属性 绝对定位的特点：1）建立以包含块为基准的定位；2）完全脱离标准文档流；3）随即拥有偏移属性和z-index属性；4）当没有设置宽度的时候，宽度随着内容改变
    查看全部
    0 采集 收起 来源：CSS3的布局 - css布局模型

    2018-03-22

  • 小重山
    rows、cols后面的属性值是什么意思？ 文本域中的文字如何在输入时消失？
    查看全部
    0 采集 收起 来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域

    2014-11-25

  • 翱翔的鱼儿
    display:inline将元素设置为内联元素 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 行内元素之间会产生间隙bug问题的场景：当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙
    查看全部
    0 采集 收起 来源：我要和你站一起 - 内联元素

    2014-11-25

  • 翱翔的鱼儿
    display:block就是将元素显示为块级元素 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
    查看全部
    0 采集 收起 来源：我要独占一行 - 块级元素

    2014-11-25

  • 翱翔的鱼儿
    display:inline-block就是将元素设置为内联块状元素,内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
    0 采集 收起 来源：我还要站个大位置 - 内联块状元素

    2014-11-25

  • 翱翔的鱼儿
    设置文字间隔或者字母间隔就可以使用letter-spacing来实现 使用word-spacing来设置英文单词之间的间距
    查看全部
    0 采集 收起

    2014-11-25

  • junedai
    text-align:center;居中
    查看全部
    0 采集 收起

    2014-11-25

  • 翱翔的鱼儿
    使用!important来为某些样式设置具有最高权值. !important要写在分号的前面. 样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。
    查看全部
    0 采集 收起 来源：为所欲为 - 选择器最高层级!important

    2018-03-22

  • 翱翔的鱼儿
    层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。
    查看全部
    0 采集 收起

    2014-11-25

首页上一页27521275222752327524275252752627527下一页尾页

举报

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

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

查看已购买的课程