慕课网

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

初识HTML(5)+CSS(3)

最热最新

wyhsy001

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，

查看全部

0 采集收起来源：我全都要 - 通用选择器
2015-01-02
wyhsy001

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。 .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

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

子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

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

在新建浏览器窗口中打开链接如下代码： <a href="目标网址" target="_blank">click here!</a> 是_blank不是-blank

查看全部

0 采集收起
2018-03-22
Lunay

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

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-02
Lunay

总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-01-02
Lunay

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;}

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-01-02
Lunay

填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-01-02
Lunay

div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-01-02
wyhsy001

类和ID选择器的区别:1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

查看全部

0 采集收起来源：类和ID选择器的区别
2015-01-02
Lunay

盒模型--边框（二）现在有一个问题，如果有想为p标签单独设置下边框，而其它三边都不设置边框样式vcss样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;}

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2015-01-02
三体之殇

使用<a>标签，链接到别一个页面 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起
2018-03-22
Lunay

p{border:2px dotted #ccc;} 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-01-02
wyhsy001

ID选择器都类似于类选择符，但也有一些重要的区别: 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。右侧代码编辑器中就是一个ID选择符的完整实例。

查看全部

0 采集收起
2018-03-22
Lunay

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。提示：下一小节是用视频动画来讲解css中的盒模型。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22

首页上一页 27099 27100 27101 27102 27103 27104 27105 下一页尾页

0/150

提交

取消

开始学习

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

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