慕课网

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

初识HTML(5)+CSS(3)

最热最新

sunnyway

颜色值缩写当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 p{color: #369;} → p{color: #336699;}

查看全部

0 采集收起
2014-12-02
fzp

邮箱地址：mailto；抄送地址：cc；密件抄送地址：bcc；多个收件人“；”；邮件主题：subject；邮件内容：body。如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。例子：<a href="mailto:yy@qq.com? cc=xx@qq.com & bcc=aa@qq.com & subject=邮件主题 & body=邮件内容">

查看全部

0 采集收起
2018-03-22
sunnyway

盒模型代码简写盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。通常有3中简写方式： 1.top、right、bottom、left均相同，只写top margin:10px → margin:10px 10px 10px 10px 2.top和bottom相同，right和left相同，只写top和right margin:10px 20px → margin:10px 20px 10px 20px 3.只有left和right相同，只写top、right、bottom margin:10px 20px 30px → margin:10px 20px 30px 20px

查看全部

0 采集收起
2014-12-02
sunnyway

使用position:absolute相对于前辈元素定位首先将作为参考系的前辈元素需要有定位属性（position:relative）然后需要定位的元素使用position:absolute，再用top、right、bottom、left相对于参考系左上角进行定位

查看全部

0 采集收起来源：Relative与Absolute组合使用
2014-12-02
迷丶途

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;}

查看全部

0 采集收起
2014-12-02
鹤花落

3、层模型--固定定位 fixed：固定定位，与absolute定位类型类似，但它的坐标是视图（屏幕内的网页窗口）本身。固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } 实现浏览器视图右下角定位div层: position:fixed; bottom:0; right:0;

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-12-02
请叫偶学霸

在网页上实现与用户交互：使用<form>表单格式：<form method="传送方式" action="服务器文件"> method:数据传送的方式（get/post） action:浏览器输入的数据被传送到的地方

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
sunnyway

层模型--固定定位首先设置position:fixed，然后用属性top，right，left，bottom调整偏移值。固定定位于绝对定位相似，但它以浏览器窗口视图为参照，因此不会因滚动条的滑动而改变在浏览器窗口视图中的位置。

查看全部

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

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-12-02
迷丶途

标签的权值为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.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2014-12-02
sunnyway

层模型--绝对定位首先设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性（即position属性）的父包含块进行绝对定位。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-12-04
Tboxer

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起
2018-03-22
迷丶途

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。不可继承的属性如下： display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

查看全部

0 采集收起来源：继承者 - 样式的继承
2014-12-02
衾城

<div id=..></div>添加id

查看全部

0 采集收起
2018-03-22
Tboxer

<style type="text/css"> table tr td,th{border:1px solid #000;}

查看全部

0 采集收起
2018-03-22

首页上一页 27423 27424 27425 27426 27427 27428 27429 下一页尾页

0/150

提交

取消

开始学习

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

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