慕课网

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

初识HTML(5)+CSS(3)

最热最新

芥末1033786

权值相同时，后面的覆盖前面的

查看全部

0 采集收起
2014-12-09
gvhjzdxv

标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>

查看全部

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

什么是选择器？每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } “选择器”指明了{}中的“样式”的作用对象

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2014-12-09
芥末1033786

标签的权值为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 采集收起来源：权值计算-特殊性
2014-12-09
gvhjzdxv

三种方法的优先级记住他们的优先级：内联式 > 嵌入式 > 外部式其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。

查看全部

0 采集收起
2018-03-22
小北1054934

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 块元素的特点： 1. 总是另起一行开始； 2. 高度，行高以及顶、底边距都可控制； 3. 宽度缺省是它所在容器的100%，除非设定一个宽度。常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 内联元素的特点： 1. 和其它元素都在一行上； 2. 高度，行高以及顶、底边距不可改变； 3. 宽度就是它所容纳的文字或图片的宽度，不可改变。常用的内联块状元素有： <img>、<input>

查看全部

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

外部式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>标签之内。

查看全部

1 采集收起
2018-03-22
小北1054934

段落排版--对齐设置水平居中：text-align:center; 同样可以设置居左： text-align:left; 还可以设置居右： text-align:right;

查看全部

0 采集收起
2014-12-09
gvhjzdxv

嵌入式css样式就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色： <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

查看全部

0 采集收起
2018-03-22
小北1054934

段落排版--字间距、字母间距文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用letter-spacing来实现如下面代码： h1{ letter-spacing:50px; } 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; }

查看全部

0 采集收起
2014-12-09
gvhjzdxv

内联式css样式内联式:css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
小北1054934

段落排版--行间距 line-height:1.5em;实现设置段落行间距为1.5倍。

查看全部

0 采集收起
2014-12-09
小北1054934

段落排版--缩进 text-indent:2em; 注意：2em就是文字的两倍大小的意思

查看全部

0 采集收起
2014-12-09
小北1054934

文字排版--删除线 text-decoration:line-through;

查看全部

0 采集收起
2014-12-09
gvhjzdxv

CSS代码语法选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;} 注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示： p{ font-size:12px; color:red; }

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-12-09

首页上一页 27352 27353 27354 27355 27356 27357 27358 下一页尾页

0/150

提交

取消

开始学习

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

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