慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

Dracarys_

行内元素的高度、宽度、行高及顶部和底部边距不可设置；

查看全部

1 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
Zac_Evelynn

外部式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
Zac_Evelynn

CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)

查看全部

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

在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>

查看全部

1 采集收起来源：给元素分个类 - 元素分类
2018-03-22
编程小石头的博客

2-8:分组选择符 <style type="text/css"> .first,#second span{color:green;} </style> </head> <body> <h1>勇气</h1> <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，</p> <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span></p>

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2018-03-22
编程小石头的博客

2-8:伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2018-03-22
Dracarys_

样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。!important要写在分号的前面

查看全部

2 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
Dracarys_

css样式优先级就不难理解了：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

查看全部

1 采集收起
2018-03-22
编程小石头的博客

2-8:子选择器和后代选择器子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的子元素。如右侧代码编辑器中的代码： .first>span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩</p> 后代选择器 >作用于元素的第一个后代，空格作用于元素的所有后代

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
编程小石头的博客

2-8:类和id选择的比较相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

查看全部

1 采集收起来源：类和ID选择器的区别
2018-03-22
编程小石头的博客

2-8:选择器每一条css样式定义由两部分组成，形式如下：选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码的“body”就是选择器。 id选择器在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

1 采集收起
2018-03-22
编程小石头的博客

2-6:css的三种插入方式1 从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。 1，内联式<p style="color:red;font-size:12px">这里文字是红色。</p> 2，嵌入式 <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。 3，单独写文件 <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
编程小石头的博客

2-6:css和html注释就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。就像下面代码：

查看全部

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

一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2018-03-22
喵小乐

在css 模型设计中，元素真实的宽度和高度不仅仅由width和height来决定，还包括内边距、外边距、边框来组成。其实际所占空间为:padding+margin+border+width

查看全部

0 采集收起
2018-03-22

首页上一页 28359 28360 28361 28362 28363 28364 28365 下一页尾页

0/150

提交

取消

开始学习

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

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