慕课网

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

初识HTML(5)+CSS(3)

最热最新

凉宫落寒

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。用法：<a href="mail:www.zzu.edu.cn?cc=抄送&subject=主题&body=内容>联系我们</a>

查看全部

0 采集收起
2018-03-22
paran

p{text-indent:2em;}缩进2字符

查看全部

0 采集收起
2015-01-07
周公子喵

颜色值缩写：如果每两位的值相同，可以缩写一半 p{color:#000000;} p{color: #000;} p{color: #336699;} p{color: #369;}

查看全部

0 采集收起
2015-01-07
yumuchen8

body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

查看全部

0 采集收起
2018-03-22
凉宫落寒

target属性： target="_blank":在新窗口中浏览新的页面。 target="_self":在同一个窗口打开新的页面。 target="_parent":在父窗口中打开新的页面。(页面中使用框架才有用) target="_top" :以整个浏览器作为窗口显示新页面。(突破了页面框架的限制)

查看全部

0 采集收起
2018-03-22
凉宫落寒

caption标签：表格还是需要添加一些标签进行优化，可以用<caption>添加标题和摘要 1、摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 2、用以描述表格内容，标题的显示位置：表格上方

查看全部

0 采集收起
2018-03-22
闻风

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

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-07
凉宫落寒

无序列表和有序列表都可一通过type属性来改变项目符号集如:无需的有disc,circle,Square,有序的1234，ABCD，abcd

查看全部

0 采集收起
2015-01-07
凉宫落寒

code标签和pre标签： 1、在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了。 2、当需要插入大量代码或者需要保留输入的格式时候，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
凉宫落寒

address标签： 1：一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。 2：在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式。注：标签重要的不是表现出的形式，而是所代表的语义。

查看全部

0 采集收起
2018-03-22
Despicable_me

包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
Despicable_me

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

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

<blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。等等，上一节<q>标签不是也是对文本的引用吗？不要忘记<q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签。浏览器对<blockquote>标签的解析是缩进样式。

查看全部

0 采集收起
2018-03-22
yumuchen8

大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
凉宫落寒

注意: 这里用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

查看全部

0 采集收起
2018-03-22

首页上一页 27011 27012 27013 27014 27015 27016 27017 下一页尾页

0/150

提交

取消

开始学习

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

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