慕课网

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

初识HTML(5)+CSS(3)

最热最新

扶轩

常用的块状元素有： <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
Acmenyz

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

查看全部

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

子选择器 <p class="first"> 三年级时，<span>我还是一个<span>胆小如鼠</span>的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> .first>span{border:1px solid red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
xiaoyanzi_1201

注意:同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2014-11-12
扶轩

p{color:red!important;}将该样式设置成最高权值浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
悟生慧

三种方法的优先级: 内联式 > 嵌入式 > 外部式

查看全部

0 采集收起
2018-03-22
扶轩

css优先度：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2014-11-12
不止于ZQ

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。提示：下一小节是用视频动画来讲解css中的盒模型。

查看全部

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

为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过「left、right、top、bottom」属性确定元素在「正常文档流中的偏移位置」。相对定位完成的过程是首先按「static(float)」方式生成一个元素(并且元素像层一样浮动了起来)，然后「相对于以前的位置移动」，移动的方向和幅度由left、right、top、bottom属性确定，「偏移前的位置保留不动」。如下代码实现「相对于以前位置」「向下」移动50px，「向右」移动100px; #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; } <div id="div1"></div> 什么叫做“偏移前的位置保留不动”呢？在div标签的后面加入一个span标签，在标并在span标签中写入一些文字。如下代码： <body> <div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span> </body> 虽然div元素相对于以前的位置产生了偏移，但是div元素以前的位置还是保留着，所以后面的span元素是显示在了div元素以前位置的后面。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
不止于ZQ

元素分类--行内元素在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的行内元素（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为行内元素。如下代码就是将块状元素div转换为行内元素，从页使用div元素具有行内元素特点。行内元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

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

<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
悟生慧

<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
Acmenyz

为元素设置层模型中的绝对定位，需要设置「position:absolute」，这条语句的作用将元素从文档流中拖出来，然后使用「left、right、top、bottom」属性相对于其「最接近的一个具有定位属性的父包含块」进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口「向右」移动100px，「向下」移动50px： div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
Acmenyz

层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作。 CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-11-12
悟生慧

blockquote标签，长文本引用 <q>标签是对简短文本的引用

查看全部

0 采集收起
2018-03-22

首页上一页 27699 27700 27701 27702 27703 27704 27705 下一页尾页

0/150

提交

取消

开始学习

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

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