慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

知否__觅

语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
Made

层模型--相对定位; 需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。(显示到其他地方去了，但是原来的碰撞体积还在那儿) 如下代码实现相对于以前位置向下移动50px，向右移动100px; #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
Made

层模型-绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位（就是根据上一层的盒子移动并定位）。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-12-16
Made

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-12-16
Made

浮动模型： float

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2014-12-16
知否__觅

语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
Made

流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-16
知否__觅

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22
知否__觅

、selected="selected"：设置selected="selected"属性，则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
Made

盒子元素四大属性：内容宽度（需用选择器选择内容标签进行设置）width 填充（上下左右）padding 边框（上下左右）border 边界（上下左右）margin。一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界，高度同理

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-12-16
Made

盒子模型不同边框的设置 border-bottom:1px solid red; border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-12-16
Made

盒模型<div>边框样式： div{ border:2px solid red; } 上面是border代码的缩写形式，可以分开写： div{ 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）。

查看全部

1 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2018-03-22
xuexiaochan126

嵌入式样css一般写在<style></style>中，或一般情况下写在<head></head>中

查看全部

0 采集收起
2018-03-22
雪糕梦龙

<table summary="...">表格的摘要，不会显示在浏览器中，但可以增加表格的可读性（语意化），使搜索引擎更好的读懂表格内容。

查看全部

0 采集收起
2018-03-22
知否__觅

:同一组的单选按钮，name取值一定要一致 tepy="radio" 如：nane=“1” nane=“1”nane=“1”nane=“1” 为单选框 type="checkbox" name=“1”name=“2”name=“3”name=“4” 为复选框

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22

首页上一页 27250 27251 27252 27253 27254 27255 27256 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。