慕课网

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

初识HTML(5)+CSS(3)

最热最新

芸芸芸芸

有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： 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.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
小醉螺

hr标签，添加水平横线。语法： html4.01版本 <hr> xhtml1.0版本 <hr />

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
小醉螺

要想输入空格，必须写入 。语法：  

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
小醉螺

空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。 xhtml1.0写法： <br /> html4.01写法： <br> 在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
cherry1

块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div> 效果图当然你也可以同时设置两个元素右浮动也可以实现一行显示。 div{ width:200px; height:200px; border:2px red solid; float:right; } 效果图又有小伙伴问了，设置两个元素一左一右可以实现一行显示吗？当然可以： div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;} 效果图

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
芒淉

用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。

查看全部

0 采集收起
2018-03-22
le_cuer

行间距{line-height:1.5em;}

查看全部

0 采集收起
2014-11-19
le_cuer

缩进{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-11-19
芒淉

什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。

查看全部

0 采集收起
2014-11-19
芸芸芸芸

分组选择器，，当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-19
芒淉

<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始

查看全部

0 采集收起
2018-03-22
芒淉

ul-li是没有前后顺序的信息列表。

查看全部

0 采集收起
2014-11-19
芒淉

<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 <pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

0 采集收起
2018-03-22
芸芸芸芸

子选择器，略懂略懂。。。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2014-11-19
徐震辛

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

查看全部

0 采集收起
2014-11-19

首页上一页 27601 27602 27603 27604 27605 27606 27607 下一页尾页

0/150

提交

取消

开始学习

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

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