慕课网

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

初识HTML(5)+CSS(3)

最热最新

梦真

caption标签，为表格添加标题和摘要表格还是需要添加一些标签进行优化，可以添加标题和摘语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table> 摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本">

查看全部

0 采集收起
2018-03-22
圆溜溜的地瓜

<link href="base.css" rel="stylesheet" type="text/css" /> rel="stylesheet" type="text/css" 是固定写法不可修改

查看全部

0 采集收起
2018-03-22
hwwn

css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } 选择器：“样式”作用于网页中的哪些元素

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2014-12-29
hwwn

三种方法的优先级: 有的小伙伴问了，如果有一种情况：对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？在右边编辑器就出现了这种情况 1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色（style.css文件中设置）。但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面（实际开发中也是这么写的）。感兴趣的小伙伴可以试一下，把它们调换顺序，再看他们的优先级是否变化。其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。但注意上面所总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下，什么是权值呢？在后面的9-2小节中会讲解到。

查看全部

0 采集收起
2018-03-22
hwwn

外部式css样式（外联式）：把css代码写一个单独的外部文件中，以“.css”为扩展名，在<head>内使用<link>标签将css样式文件链接到HTML文件内 <link href="base.css" rel="stylesheet" type="text/css" /> 注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起
2018-03-22
hwwn

现在有一任务，把右侧编辑器中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情（为每一个<span>标签加入sytle="font-size:18px"语句），本小节讲解一种新的方法嵌入式css样式来实现这个任务。嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色： <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码

查看全部

0 采集收起
2018-03-22
hwwn

CSS样式代码插入的形式：内联式、嵌入式和外部式内联式：把css代码直接写在现有的HTML标签（元素的开始标签）中，写在双引号中，多条用分号隔开 <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
hwwn

CSS注释代码:/*注释语句*/

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2014-12-29
hwwn

css 样式由选择符和声明组成，而声明又由属性和值组成 p{font-size:12px;color:red;} 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成red，而其他的元素不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-12-29
hwwn

第一步：用<span></span>把需要标记的内容包含起来；第二部：写入下列代码，<style type="text/css"> span{color:blue; } </style>

查看全部

1 采集收起来源：为什么是css呢? - CSS样式的优势
2018-03-22
hwwn

CSS:层叠样式表 (Cascading Style Sheets),用于定义HTML内容在浏览器内的显示样式 <style type="text/css"> p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ } </style>

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2018-03-22
hwwn

label标签：为鼠标用户改进了可用性，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上语法：； <label for="控件id名称"> for 属性中的值应当与相关控件的 id 属性值一定要相同

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
hwwn

重置按钮：使输入框恢复到初始状态语法： <input type="reset" value="按钮上显示的文字" />

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
hwwn

表单中有两种按钮:提交按钮语法： <input type="submit" value="提交">

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
hwwn

下拉列表 <select> <option value="向服务器提交的值" selected="selected">显示的值</option> </select>

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22

首页上一页 27153 27154 27155 27156 27157 27158 27159 下一页尾页

0/150

提交

取消

开始学习

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

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