慕课网

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

初识HTML(5)+CSS(3)

最热最新

kris110

认识Html标签 <h1></h1>就是标题标签； <p></p>是段落标签； <img src="1.jpg">是图片标签；网页中每一个内容在浏览器中的显示，都要存放到各种标签中。

查看全部

0 采集收起
2018-03-22
kris110

Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2014-10-11
虞城青年

<em>需要强调的文本</em> <strong>需要强调的文本</strong> <em> 表示强调，<strong> 表示更强烈的强调，在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示

查看全部

0 采集收起
2018-03-22
虞城青年

（1） <p></p> （2） <div></div> （3） <span></span> font-size:12px; color:#930; text-align:center; 

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2018-03-22
小伙伴1993

文本输入框、密码输入框当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type：当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用)

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2018-03-22
小伙伴1993

使用表单标签，与用户交互语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。

查看全部

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

认识<img>标签，为网页插入图片在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
小伙伴1993

使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。例：<a href="mailto:yy@imooc.com?subject=主题名称&body=邮件内容">

查看全部

0 采集收起
2018-03-22
CrazyK

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; } 注意

查看全部

0 采集收起
2018-03-22
CrazyK

颜色值缩写关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子1： p{color:#000000;} 可以缩写为： p{color: #000;} 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}

查看全部

0 采集收起
2014-10-10
CrazyK

通常有下面三种缩写方法: 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的缩写方法和marg

查看全部

0 采集收起
2014-10-10
CrazyK

1、参照定位的元素必须是相对定位元素的前辈元素； 2、参照定位的元素必须加入position:relative； 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了；

查看全部

1 采集收起来源：Relative与Absolute组合使用
2014-10-12
CrazyK

以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
CrazyK

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

查看全部

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

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-10-10

首页上一页 28084 28085 28086 28087 28088 28089 28090 下一页尾页

0/150

提交

取消

开始学习

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

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