慕课网

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

初识HTML(5)+CSS(3)

最热最新

藤井树_z

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： 这里文字是红色。 注意要写在元素的开始标签里，下面这种写法是错误的： 这里文字是红色。 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码： 这里文字是红色。

查看全部

0 采集收起
2018-03-22
藤井树_z

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

查看全部

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

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

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-11-02
藤井树_z

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2014-11-02
Memevol

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起
2018-03-22
新_浪冯我浩

div{ width:200px; padding:20px; border:1px solid red; margin:10px; }

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-11-02
新_浪冯我浩

因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-11-02
新_浪冯我浩

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-11-02
平凡_0015

第一天学了不少，原来只是觉得死记硬背标签就行，现在看不是，还需要理解它的语意，也就是标签所代表的语气，就象是读一样。 <hx>标题标签，x=1-6 单独定义 <head>头标签 <title>标题 <q>短引用 斜体强调 粗体强调 <blockquote>长文本引用 段落 color颜色，用数字表示加#，如#249；用文字则不加，如blue font-size字号，用数字表示加px，如14px text-align文本对齐方式，用left\center\right表示

查看全部

0 采集收起
2018-03-22
独立团

这样写的意思是只有p元素下的类first会有样式

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2014-11-02
独立团

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2014-11-02
独立团

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

查看全部

0 采集收起
2014-11-02
独立团

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{col

查看全部

0 采集收起来源：权值计算-特殊性
2014-11-02
独立团

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
EthanW

内联式 > 嵌入式 > 外部式

查看全部

0 采集收起
2018-03-22

首页上一页 27845 27846 27847 27848 27849 27850 27851 下一页尾页

0/150

提交

取消

开始学习

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

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