慕课网

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

初识HTML(5)+CSS(3)

最热最新

螃蟹1只

盒子模型原理：月饼盒：页面元素，如<div>标签月饼：内容，可以是文字、图片、另一个标签元素盒子和月饼之间的距离：内填充，padding，有四个方向，top right bottom left （如果盒子大小固定，减小上内填充，则月饼会上移）盒子和盒子之间的距离：外边距，margin，有四个方向盒子边框：border，有四个方向元素的实际高度/宽度 = 内容高度/宽度 + 上下/左右内填充 + 上下/左右边框 + 上下/左右外边距常用块级元素都具备盒子模型的特征

查看全部

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

使用<a>标签，链接到别一个页面---超链接语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> eg:1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/" title="托比•马奎尔Tobey Maguire">托比•马奎尔Tobey Maguire</a> 饰）的作家

查看全部

0 采集收起
2018-03-22
Despicable_me

1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。 2、em 就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。如下代码： p{font-size:12px;text-indent:2em;} 上面代码就是可以实现段落首行缩进 24px（也就是两个字体大小的距离）。下面注意一个特殊情况：但当给 font-size 设置单位为 em 时，此时计算的标准以 p 的父元素的 font-size 为基础。如下代码： html: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;} 结果 span 中的字体“例子”字体大小就为 11.2px（14 * 0.8 = 11.2px）。 3、百分比 p{font-size:12px;line-height:130%} 设置行高（行间距）为字体的130%（12 * 1.3 = 15.6px）。

查看全部

0 采集收起
2018-03-22
Despicable_me

在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如： p{color:rgb(20%,33%,25%);} 3、十六进制颜色这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00ffff;}

查看全部

0 采集收起
2015-01-26
螃蟹1只

内联块状元素：和其他元素同在一行；高度、宽度、行高、边距可设置将元素设为内联块状元素：display:inline-block;

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2015-01-26
螃蟹1只

内联元素：和其他元素同在一行；高度、宽度、行高、上下边距不能设置，注意左右边距可以设置；宽度是包含的文字或图片的宽度块级元素转换为内联元素：display:inline;

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2015-01-26
堇M小沐

[这个程序图片是对的！！！] 使用<a>标签，链接到别一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 【href是HypertextReference的缩写，意思是超文本引用。】例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好），如右侧案例代码（8-12行）。注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。

查看全部

0 采集收起
2018-03-22
螃蟹1只

块级元素：独占一行；高度、宽度、行高、边距可设置；宽度默认是父容器的100% 内联元素转换为块级元素：display:block;

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2015-01-26
堇M小沐

各种英文单词意思（不全） href---HypertextReference的缩写，意思是超文本引用。 URL---Uniform Resource Locator，缩写为URL,又叫做网页地址 Address地址 http——超文本传输协议资源 https——用加密传送的超文本传输协议 ftp——文件传输协议 mailto——电子邮件地址 ldap——轻型目录访问协议搜索 file——当地电脑或网上分享的文件 news——Usenet新闻组 gopher——Gopher协议 Hypertext---超文本 Web browser---网页浏览器 Hyperlink---超链接 HTTP---Hypertext Transfer Protocol的缩写，即超文本传输协议。 FTP---文件传输协议 HTML---超文本标记语言 Telnet---远程登录 IPaddress---IP地址

查看全部

0 采集收起
2015-01-26
螃蟹1只

HTML标签分类：块级元素：<div><p><hx><ol><ul><dl><table><address><blockquote><form> 内联元素/行级元素：<a><span><br><i><em><strong><label><q><var><cite><code> 内联块状元素：<img><input>

查看全部

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

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <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
螃蟹1只

设置块状元素的对齐方式：text-align 居左left，居中center，居右right，注意对块状元素起作用

查看全部

0 采集收起
2015-01-28
天水云中

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。下面是一个完整的实例: <a href="mailto:收件人地址?cc=抄送人地址&bcc=密件抄送地址&subject=邮件主题&body=内容">链接文本</a>

查看全部

0 采集收起
2018-03-22
YoungDee

段落排版--字间距、字母间距如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。

查看全部

0 采集收起
2015-01-26
螃蟹1只

中文文字间距/英文字母间距：letter-spacing 英文单词间距：word-spacing

查看全部

0 采集收起
2015-01-26

首页上一页 26779 26780 26781 26782 26783 26784 26785 下一页尾页

0/150

提交

取消

开始学习

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

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