慕课网

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

初识HTML(5)+CSS(3)

最热最新

小醉螺

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

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-11-21
张力夹

通用选择器 * 匹配html中所有标签如 *{color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-21
小醉螺

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

查看全部

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

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。你对什么运动感兴趣：<br /> <label for="jog">慢跑</label> <input type="checkbox" name="jog" id="jog" /><br /> <label for="climb">登山</label> <input type="checkbox" name="climb" id="climb" /><br /> <label for="basketball">篮球</label> <input type="checkbox" name="basketball" id="basketball" />

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
张力夹

.food li{border:1px solid red;}包含li下所有后代元素 .food>li 仅仅是第一代子元素

查看全部

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

常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

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

子选择器.xxxx>子元素名{color:red;} border:1px solid red

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
付之一笑的回忆

层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-11-21
winston_xm

这个顺序谁记得住？

查看全部

0 采集收起
2014-11-21
winston_xm

从上面开始，顺时针。还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的。

查看全部

0 采集收起
2014-11-25
慕移动9593978

CSS样式设置采取就近原则。权值相同时，内联式>嵌入式>外部式，其中嵌入式>外部式的前提是外部式的定义要在嵌入式的前面

查看全部

0 采集收起
2018-03-22
张力夹

ID选择器在文档中只能用一次，而类选择器可以可以用多次。类选择器词列表可以为一个元素同时设置多个样式。class="color font "

查看全部

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

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

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-11-21
winston_xm

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-11-21
慕移动9593978

外联式CSS样式是指将css样式写在单独的扩展名为.css的文件中，需要用时，在文件head标签头中加入<link href="base.css" rel="stylesheet" type="text/css" />，其中的href是加入的css样式的路径，另外两个是固定写法不可改变

查看全部

0 采集收起
2018-03-22

首页上一页 27562 27563 27564 27565 27566 27567 27568 下一页尾页

0/150

提交

取消

开始学习

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

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