慕课网

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

初识HTML(5)+CSS(3)

最热最新

by王小便宜

什么是层模型？什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2015-01-12
洛央下

标签选择器其实就是html代码中的标签

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2015-01-12
洛央下

什么是选择器每一条css样式声明（定义）由两部分组成选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素.

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2015-01-12
洛央下

这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面总结来说，就是--就近原则（离被设置元素越近优先级别越高）

查看全部

1 采集收起
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样式（写在当前的文件中）把css样式代码写在<style type="text/css"></style>标签之间嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间

查看全部

0 采集收起
2018-03-22
用户1163505

离被设置元素越近优先级别越高子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素继承：有的元素并不具备权值规则：标签权值为1，类选择符权值为10，id选择符权值最高子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。通用选择器匹配所有标签元素多个标签设置同一样式，标签之间用逗号表示 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 层叠即样式以及权值相同时，后面的样式会覆盖前面的样式

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2018-03-22
by王小便宜

BUG回车 purple_yao 解决行内元素间隙bug问题行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。如下代码： <div> <a>1</a> <a>2</a> <span>33333</span> <span>4...

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
by王小便宜

元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
by王小便宜

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
by王小便宜

注意：!important要写在分号的前面这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
by王小便宜

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

查看全部

0 采集收起
2015-01-12
大泡

<em>的内容在浏览中显示为斜体，<strong>显示为加粗。 <q>引用不需要加双引号自动会加，语义：强调</q> span{ } <span>字体颜色</span>

查看全部

0 采集收起
2018-03-22
by王小便宜

总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

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

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。任务我也来试试，把文字内容的“我还是一个胆小如鼠的小女孩”这一句话加入红色边框。效果图如下： 1、在右侧代码编辑器的第8行输入代码： .first>span{border:1px solid red;} ?不会了怎么办

查看全部

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

首页上一页 26961 26962 26963 26964 26965 26966 26967 下一页尾页

0/150

提交

取消

开始学习

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

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