为了账号安全,请及时绑定邮箱和手机立即绑定
  • 段落排版--行间距 line-height:属性值。 值 描述 normal 默认。设置合理的行间距。 number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 line-height:2em length 设置固定的行间距。 line-height:20px % 基于当前字体尺寸的百分比行间距。 inherit 规定应该从父元素继承 line-height 属性的值。
    查看全部
    14 采集 收起

    2015-08-28

  • 盒模型--宽度和高度 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 元素的高度也是同理。 比如: css代码: div{ width:200px; padding:20px; border:1px solid red; margin:10px; } html代码: <body> <div>文本内容</div> </body> 元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。在chrome浏览器下可查看元素盒模型,如下图:
    查看全部
  • #HTML+CSS基础——类和ID选择器的区别# 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法(例如:class="stress bigsize"表示包含了stress和bigsize两个样式)为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • q标签,短文本引用 语法: &lt;q&gt;引用文本&lt;/q&gt; &lt;q&gt;标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。 &lt;q&gt; 标签在本质上与 &lt;blockquote&gt; 是一样的。不同之处在于它们的显示和应用。&lt;q&gt; 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 &lt;blockquote&gt; 标签。
    查看全部
    14 采集 收起

    2018-03-22

  • 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。<br><br><br> 内联式 css样式表就是把css代码直接写在现有的HTML标签中。<br><br> 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。<br> 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:<br> <link href="base.css" rel="stylesheet" type="text/css" /><br> 注意:<br> 1、css样式文件名称以有意义的英文字母命名,如 main.css。<br> 2、rel="stylesheet" type="text/css" 是固定写法不可修改。<br> 3、<link>标签位置一般写在<head>标签之内。 这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。
    查看全部
    14 采集 收起

    2018-03-22

  • >:是子选择器,儿子,你的直接后代。 :“空格”是后代选择器,你的后代包括你的子子孙孙
    查看全部
  • <html> <head>...</head> <body>...</body> </html> 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
    查看全部
  • <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 <em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。
    查看全部
    13 采集 收起

    2018-03-22

  • 这一小节讲解<span>标签,我们对<em>、<strong>、<span>这三个标签进行一下总结: 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 语法: <span>文本</span> 例子 <style> span{ color:blue } </style> <span>美国梦</span>
    查看全部
    13 采集 收起

    2018-03-22

  • 1.tr是“table row(表格行)”的缩写,用于表示一行的开始和结束。 2.td是“table data(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。 3.<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 4.th:table head(表头)
    查看全部
    13 采集 收起

    2018-03-22

  • http://nipponcolors.com/#shironezumi 分享一个颜色网站,记得回来点赞!
    查看全部
    13 采集 收起

    2016-11-30

  • <a> 标签的 href 属性用于指定超链接目标的 URL。 href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。 制作文本链接 一个引用其他文档的简单 <a> 标签可以是下列形式: <a href="http://www.w3school.com.cn/index.html">W3School 在线教程</a> 浏览器用特殊效果显示短语“W3School 在线教程”(通常是带下划线的蓝色文本),这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样:
    查看全部
  • a :anchor 锚,抛锚 href:Hypertext Reference的缩写,意思是超文本引用
    查看全部
    13 采集 收起

    2016-07-07

  • 字体样式: font-family:设置字体; font-size:字体大小; font-weight:bold:设置为粗体样式; font-style:italic:设置为斜体样式; text-decoration:underline:文字设置下划线; text-decoration:line-through:删除线; text-indent:2em:缩进;(注意:2em的意思就是文字的2倍大小。) line-height:2em:行高; word-spacing:50px:单词间距; letter-spacing:20px:字母间距; text-align:center:水平居中对齐;
    查看全部
  • 浮动的时候必须是两个块元素同时设置浮动。 而且浮动的时候,如果浏览器的窗口小于两个块元素的宽度,也会把浮动挤下去的。
    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!