慕课网

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

初识HTML(5)+CSS(3)

最热最新

loaMoring

关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-04
Sight_G

分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-04
Sight_G

伪类选择符 a:hover{color:red;} 鼠标滑过字体变红

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-04
懒人的懒

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2015-01-04
qqd

1.盒模型--边框边框三个属性:缺一不可，不然边框不显示。注意： a、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 b、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888; c、border-width（边框宽度）中的宽度也可以设置为：thin | medium | thick（但不是很常用），最常还是用象素（px）。另一个问题：为边框四个边均设置样式如下：div{border-bottom:1px solid red;} 或border-top:1px solid red; border-right:1px solid red; border-left:1px solid red; 2.盒模型-宽度和高度 css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。比如：css代码： div{ width:200px; padding:20px; border:1px solid red; margin:10px; } 3.盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;} 如果上、右、下、左的填充都为10px;可以这么写:div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写：div{padding:10px 20px;} 4.盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 如果上右下左的边界都为10px;可以这么写：div{ margin:10px;} 如果上下边界一样为10px，左右一样为20px，可以这么写：div{ margin:10px 20px;} 总结：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-01-04
淘易通

font-weight:normal;把字体变为正常 line-height:1.6em：行间距

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2015-01-04
欧巴

<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。 <em>的内容在浏览中显示为斜体，<strong>显示为加粗

查看全部

0 采集收起
2018-03-22
qqd

元素分类: 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input> 1.元素分类--块级元素如下代码就是将内联元素a转换为块状元素:a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 2.也可以通过代码display:inline将元素设置为内联元素。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 3.代码display:inline-block就是将元素设置为内联块状元素。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

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

外部式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
淘易通

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间. <style type="text/css"> span{ color:red; } </style>

查看全部

0 采集收起
2018-03-22
淘易通

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种

查看全部

0 采集收起
2015-01-04
淘易通

内联式注意要写在元素的开始标签里

查看全部

0 采集收起
2015-01-04
qqd

1.文字排版--下划线语法：a{text-decoration:underline;} 2.文字排版--删除线语法：.oldPrice{text-decoration:line-through;} 3.段落排版--缩进语法：p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。 4.段落排版--行间距（行高）语法：p{line-height:1.5em;} 5.段落排版--字间距、字母间距语法：文字间隔、英文字母间隔设置：如下面代码： h1{ letter-spacing:50px; } <h1>了不起的盖茨比</h1> 单词间距设置：如下代码： h1{ word-spacing:50px; } <h1>welcome to imooc!</h1> 6.段落排版--对齐想为块状元素中的文本、图片设置居中、左对齐、右对齐样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。 h1{ text-align:center/left/right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
懒人的懒

在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-04
GMPP

1.ID选择器只能在文档中使用一次 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。

查看全部

0 采集收起来源：类和ID选择器的区别
2015-01-04

首页上一页 27068 27069 27070 27071 27072 27073 27074 下一页尾页

0/150

提交

取消

开始学习

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

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