慕课网

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

初识HTML(5)+CSS(3)

最热最新

早安j地球

target="_blank" 在新的窗口打开

查看全部

0 采集收起
2018-03-22
WangAki

第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-11-24
WangAki

流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-11-24
WangAki

元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。padding和margin的区别，padding在边框里，margin在边框外。

查看全部

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

注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、标签位置一般写在标签之内

查看全部

0 采集收起
2018-03-22
WangAki

一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界元素的高度也是同理。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-11-24
WangAki

css样式中允许只为一个方向的边框设置样式：div{border-bottom（top，right，left）:1px solid red;}

查看全部

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

1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：

查看全部

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

盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

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

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

查看全部

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

内联块状元素代码display:inline-block就是将元素设置为内联块状元素。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

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

内联元素块状元素也可以通过代码display:inline将元素设置为内联元素。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。小伙伴们你们观查一下右侧代码段，有没有发现一个问题，内联元素之间有一个间距问题，这个问题在本小节的wiki中有介绍，感兴趣的小伙伴可以去查看。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-11-24
WangAki

块级元素设置display:block就是将元素显示为块级元素。块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-11-24
WangAki

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、</p><h1>...</h1><h6>、</h6><ol><li>、</li></ol><ul><li>、</li></ul><address>、</address><blockquote> 、常用的内联元素有： <a>、<span>、<br />、<i>、<em>、<strong>、、<q>、<var>、<cite>、<code> 常用的内联块状元素有：、</code></cite></var></q></strong></em></i></span></a></blockquote></div>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
WangAki

对齐 h1{ text-align:center（left，right）; }

查看全部

0 采集收起
2014-11-24

首页上一页 27533 27534 27535 27536 27537 27538 27539 下一页尾页

0/150

提交

取消

开始学习

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

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