慕课网

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

初识HTML(5)+CSS(3)

最热最新

八神光

选择器分类：标签选择器，类选择器，ID选择器，子选择器，包含选择器，分组选择器，通用选择器伪类选择符...

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-01
八神光

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

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-11-01
八神光

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中任意标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-01
八神光

包含(后代)选择器请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。 .first span{color:red;}

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
八神光

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。 .food>li{border:1px solid red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
八神光

类和ID选择器的区别相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

查看全部

0 采集收起来源：类和ID选择器的区别
2014-11-01
八神光

注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）

查看全部

0 采集收起来源：再选一个类 - 类选择器
2014-11-01
八神光

内联式、嵌入式、外部式样式表中css样式在的相同权值的情况下，他们的优先级：内联式 > 嵌入式 > 外部式

查看全部

0 采集收起
2018-03-22
八神光

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

查看全部

0 采集收起
2018-03-22
八神光

注意要写在元素的开始标签里，下面这种写法是错误的： <p>这里文字是红色。</p > 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码： <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
八神光

声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示： p{ font-size:12px; color:red; }

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-11-01
八神光

placeholder在文本框，密码框中也能显示，显示本身值，即使在密码框中

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-11-01
雪落风铃

给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-11-01
八神光

placeholder="框中显示的灰色字体" value="框中显示的黑色字体"，当两者相遇时，若都有值，优先考虑value的值，若value没有值，placeholder有值，则显示他的。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
八神光

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法：<label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。在文本框，密码框中，label中for后面的名字要与name值一致，在单选框，邮件文本框中，要与id值一致

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22

首页上一页 27862 27863 27864 27865 27866 27867 27868 下一页尾页

0/150

提交

取消

开始学习

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

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