慕课网

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

初识HTML(5)+CSS(3)

最热最新

六姑娘

在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-11-13
六姑娘

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

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-11-13
六姑娘

盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;} 顺序一定不要搞混如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-11-13
理想的威

id选择器与类选择器区别： 1.id选择器只能在文档中使用一次，即它是唯一标识某个对象的。类选择器可以使用多次。 2.可以为一个元素设置多个类选择器。如 <span class="c1 c2"></span> 以空格进行分隔

查看全部

0 采集收起来源：类和ID选择器的区别
2018-03-22
六姑娘

盒模型--宽度和高度 css内定义的宽（width）和高（height），指的是填充以里的内容范围因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 div{ width:200px; padding:20px; border:1px solid red; margin:10px; } 元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-11-13
千百代



查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
六姑娘

盒模型--边框（二） 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-13
六姑娘

盒模型--边框（一） div{ border-width:2px; border-style:solid; border-color:red; } div{ border:2px solid red; } 注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-11-13
理想的威

id名称表示这个对象的唯一标识符。 id选择器与class选择器的区别： 1. 为标签设置 id 属性，id="ID名称"。 2. ID选择符是以"#"开头，而不是"."开头

查看全部

0 采集收起
2018-03-22
千百代

<head> <title> </title> 标题标签 </head>

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
六姑娘

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

查看全部

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

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素块状元素也可以通过代码display:inline将元素设置为内联元素 display:inline 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
Dream_0046

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
理想的威

格式 .classname{样式属性}；包class属性为classname的对象作为选择符。比如.setGreen:{color:green;},17行 span 标签包含class="setGreen", 所以css样式应该到这个标签对象里。

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
Mewlvd

inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-11-13

首页上一页 27677 27678 27679 27680 27681 27682 27683 下一页尾页

0/150

提交

取消

开始学习

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

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