慕课网

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

初识HTML(5)+CSS(3)

最热最新

glenhappy

作用：既可以单选，也可以多选，一般用作单选，比较重要有用的作用是节省空间，不然单选用radio，多选用checkbox就可以了；注意：多选的方法，选中某一项

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2014-11-28
glenhappy

单选按钮：用户只需要选择一项，比如性别，单选题等等；复选框：让用户可以选择多个，比如多选题，学生的兴趣爱好等等。注意： 1 要让单选按钮只能选择一项，请注意分组，分组方法是name名称相同； 2 使得radio选中某一项的方法同checkbox复选框，都是用checked

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2014-11-29
615549682

单xuekuang

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2014-11-28
glenhappy

作用：输入大段文字（这里仅仅是文字），如果需要输入图文等多媒体信息，请使用编辑器； cols:代表允许输入的列数，超过这个列自动换行，可以用CSSwidth代替； rows:代表行数，超过这个行以滚动条显示

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2014-11-28
glenhappy

文本输入框：输入用户名等信息用的；密码框：输入密码；注意：二者都是input表单，只是type不一样，显示效果不一样而已，提交到后台的数据是一样的

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2014-11-28
615549682

学习啊

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2014-11-28
glenhappy

表单作用：与用户交互，将用户输入或者操作的数据提交到后台。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2014-11-28
glenhappy

alt:图片下载失败（注意是路径不对或者图片不存在的时候），显示的文字； title：鼠标经过图片的时候显示的文字

查看全部

0 采集收起
2014-11-28
615549682

文本输入框、密码输入框语法：

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2014-11-28
smallWM

更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-11-28
要玩一个人玩

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
拓海

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
拓海

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div> 效果如下：任务我来试一试:设置div标签相对于浏览器，（相对于以前位置右上角）向左移动100象素，向下移动20象素。效果图如下： ?不会了怎么办

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
要玩一个人玩

有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
拓海

内联元素的特点：“包含元素内从左到右水平分布显示

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-11-28

首页上一页 27475 27476 27477 27478 27479 27480 27481 下一页尾页

0/150

提交

取消

开始学习

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

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