慕课网

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

初识HTML(5)+CSS(3)

最热最新

steveZ

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

查看全部

0 采集收起来源：排队显示-流动模型（一）
2015-01-04
witchzard

为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为盒子添加边框（二）
2015-01-04
witchzard

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

盒模型月饼盒：页面元素（eg<div>）月饼（内容）：文字、图片、另一个标签元素内填充（padding）：月饼与月饼盒之间的距离eg;padding-top、padding-right、padding-bottom、padding-left 外边框（margin）：两个月饼盒之间的距离边框（border）：盒子的边框内填充、外边距、边框都有四个方向实际高度;自身高度+上下内填充+上下边框，宽度同理块级元素<div> <ul> <ol> <p> <h> <table>都具备盒子模型的特征

查看全部

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

继承：某些css样式具有继承特性，而有些没有。

查看全部

0 采集收起来源：继承者 - 样式的继承
2015-01-04
witchzard

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

查看全部

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

分组选择符（,）：为多个选择元素设置同一个样式。

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-04
witchzard

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。解决行内元素间隙bug问题行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。如下代码： <div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span> <em>555555</em> </div> 解决方法： 1、写在一行，之间不要有空格之类的符号。 <div> <a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em> </div> 2、使用font-size:0 div{font-size:0;} a,span,em{font-size:16px;}

查看全部

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

伪类选择符：它允许给HTML不存在的标签（标签的某种状态）设置标签。例如： a:hover{color:red} 关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-04
virgil_rey

Html和CSS的关系: 1. HTML是网页内容的载体。 2. CSS样式是表现。 3. JavaScript是用来实现网页上的特效效果。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-04
steveZ

(1)元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 (2)li是块状元素，块状元素有一个特点之一：在不设置宽度的情况下，显示为父容器的100%。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2015-01-04
loaMoring

在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）

查看全部

0 采集收起
2018-03-22
小华丶

通用选择器：它是功能最强大的选择器，它使用（*）指定，它的作用是匹配HTML中所有标签元素。例子： *{color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2015-01-04
海绵324440

3、 q标签、lockqquote标签、table添加summary能使搜索引擎更好的读懂表格内容 a标签里面的title能给link添加提示框 a标签的伪类（love）link（正常连接），visited（访问以后）,hover（悬浮），active（点击） a标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。（添加target=”_blank”） A标签还有一个作用是可以连接Email

查看全部

0 采集收起
2015-01-04
Michael_O_O_

估计这个并不是特别长用吧，如果只是用来显示代码的话

查看全部

0 采集收起
2015-01-04

首页上一页 27071 27072 27073 27074 27075 27076 27077 下一页尾页

0/150

提交

取消

开始学习

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

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