慕课网

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

初识HTML(5)+CSS(3)

最热最新

yuyuyuyuyu

<em></em>斜体 <span> 来组合行内元素，以便通过样式来格式化它们。注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。 <span>美国梦</span> 这个标签没有设置效果。后面用css样式可以给span标签设置css样式，就是相当与给“美国梦”这三个字来设置样式

查看全部

0 采集收起
2018-03-22
追风的人不会老

.类选器名称{css样式代码;} 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
Nemonameless

外部式css样式，写在单独的一个文件中外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<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
追风的人不会老

标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。 p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2018-03-22
lurkery

Relative与Absolute组合使用小伙伴们学习了12-6小节的绝对定位的方法：使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用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
Awaken_glitter

.first,#second span{color:green;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-02-05
侧耳倾听17

<link href="base.css" rel="stylesheet" type="text/css" />

查看全部

0 采集收起
2018-03-22
Awaken_glitter

h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-02-05
追风的人不会老

在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 body{ font-size:12px; color:red; }

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2015-02-05
侧耳倾听17

CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。

查看全部

0 采集收起
2015-02-05
Nemonameless

内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p >这里文字是红色。</p> 注意要写在元素的开始标签里，下面这种写法是错误的： <p>这里文字是红色。</p > 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码： <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
Awaken_glitter

a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-02-05
lurkery

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

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

创建表格的四个元素： table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。

查看全部

0 采集收起
2018-03-22
侧耳倾听17

就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2018-03-22

首页上一页 26598 26599 26600 26601 26602 26603 26604 下一页尾页

0/150

提交

取消

开始学习

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

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