慕课网

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

初识HTML(5)+CSS(3)

最热最新

悟生慧

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 采集收起来源：权值计算-特殊性
2014-11-11
悟生慧

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

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-11
悟生慧

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

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-11
悟生慧

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色：

查看全部

1 采集收起来源：给选择器分个组 - 分组选择器
2014-11-11
Cheyn

现在有一个问题，如果有想为p标签单独设置下边框，而其它三边都不设置边框样式怎么办呢？css样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

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

我叫啥盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框： 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）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-11-11
Mr_奇先生

清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-11-11
悟生慧

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} <span >请注意这个选择器与子选择器的区别</span>，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

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

子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;}

查看全部

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

1.具备盒模型的标签是块级标签：<div><p><ol><ul><h><table> 2.内边距：padding（盒与内容之间的距离，包括padding-top、padding-right、padding-left、padding-bottom） 3.外边距：margin（两盒之间的距离） 4.盒的边框：borde

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2018-03-22
悟生慧

ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中， ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

查看全部

0 采集收起来源：类和ID选择器的区别
2014-11-11
悟生慧

类选择器 .setGreen{ color:green; } ID选择器 #setGreen{ color:green; }

查看全部

0 采集收起
2014-11-11
望脚的旅人

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

查看全部

0 采集收起来源：什么是层模型？
2014-11-11
望脚的旅人

浮动模型，就是为了改变块状模型的那种霸道行为，独自占一行和自上而下的那种排版模式；可以用float 如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2014-11-11
永远的孜孜不倦1014233

summary 表格摘要 <table summary="表格简介文本">

查看全部

1 采集收起
2018-03-22

首页上一页 27709 27710 27711 27712 27713 27714 27715 下一页尾页

0/150

提交

取消

开始学习

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

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