慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕尼黑0630741

.class{}类选择器 #id{}id选择器 .class1>class2{}直接第一代选择器 .class1 class2{}(空格)所有子代选择器 *{]通用选择器

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2018-03-22
漠然一点

如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-11-19
龙腾617

盒模型--边框（二）现在有一个问题，如果有想为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-19
慕尼黑9055727

在新建浏览器窗口中打开链接 <a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，在新的浏览器窗口中打开代码如下： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
龙腾617

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

<INPUT

查看全部

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

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

查看全部

0 采集收起来源：什么是层模型？
2014-11-19
小醉螺

在新建浏览器窗口中打开链接 <a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
龙腾617

盒子模型外边距margin 盒子模型内填充padding 盒子模型边框border 都有四个方向：left right top bottom 元素实际高度（宽度）=本身高（宽）+上下（左右）内填充+上下（左右）边框盒子模型特征：块标签:div p ul ol h table

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2014-11-19
墨麟小小

使用<a>标签，链接到别一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好），如右侧案例代码（8-12行）。注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。

查看全部

0 采集收起
2018-03-22
漠然一点

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-11-19
慕尼黑9055727

使用<a>标签，链接到别一个页面语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。注意：只要为文本加入a标签后，文字的颜色就会自动变为蓝色，被点击过的文本颜色为紫色。（默认颜色，可更改）

查看全部

0 采集收起
2018-03-22
芒淉

分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-19
龙腾617

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

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

子选择器>（大于号）——直接第一代后代包含（子代）选择器 (空格)——所有后代子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。

查看全部

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

首页上一页 27595 27596 27597 27598 27599 27600 27601 下一页尾页

0/150

提交

取消

开始学习

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

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