慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕的地6118176
1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用：
```
body{
    font:12px/1.5em  "宋体",sans-serif;
}
```
只是有字号、行间距、中文字体、英文字体设置。
查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2021-02-01
慕的地6118176

1、font-style可以设置字体样式，并且有种3设置方式。
2、正常字体为normal,也是font-style的默认值。
3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。
4、oblique为设置倾斜的字体，强制将字体倾斜。

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2021-02-01
慕的地6118176
```
font-weight:bold;
粗体
```
查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2021-02-01

huir_

流动模型flow：
默认的网页布局模式，也就是说网页在默认状态下的html网页元素都是根据流动模型来分布网页内容的；
有以下特征（参照行内元素和块级元素的特点）:
1.块级元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，宽度为100%（没有设定的情况下）
2.内联元素都会在所处的包含元素内从左到右水平分布显示。

查看全部

0 采集收起来源：排队显示-流动模型（一）

2021-02-01

huir_
```
css布局模型：
1.流动模型flow
2.浮动模型float
3.层模型layer
```
查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2021-02-01

huir_

一个元素的实际宽度 = 左边界+左边框+左填充+内容宽度+右边界+右边框+右填充
边界==>margin
填充==>padding
边框==>border

查看全部

0 采集收起来源：长胖长高点--宽度和高度

2021-02-01

慕瓜7020437

先比较距离，相同作用的比权重

查看全部

0 采集收起来源：权值计算-特殊性
2021-02-01
慕的地6118176
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：
```
p{color:red;} p span{color:green;} .warning{color:white;} p span.warning{color:purple;} #footer .note p{color:yellow;}
```
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
查看全部

0 采集收起来源：权值计算-特殊性
2021-02-01
慕的地6118176

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-02-01

huir_

行内块级元素（内联块状元素）
设置display：inline-block；可以将元素设置成行内块级元素；
特点：
1.和其他的元素可以在同一行上；
2.元素的高度、宽度、行高、以及顶部和底部的边距都可以设置；

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素

2021-02-01

huir_

行内元素（内联元素）：
设置display：inline可以将元素设置为内联元素；
特点：
1.和其他的元素都在一行上；
2.元素的高度、宽度、顶部和底部边距不可以设置
3.元素的高度就是它包含的文字或者图片的宽度，不可以改变

查看全部

0 采集收起来源：我要和你站一起 - 内联元素

2021-02-01

huir_

块级元素：
设置display：block就是将元素显示为块级元素；
块级元素的特点：
1.每个块级元素都独占一行；
2.元素的高度、宽度、行高、以及顶、和底边距都可以设置；
3.块级元素在不设定宽度的情况下，本身是父容器的100%；

查看全部

0 采集收起来源：我要独占一行 - 块级元素

2021-02-01

huir_

长度单位：px em %
1.px像素
2.em，如果font-size为14，那么1em=14px
3.%百分比

查看全部

0 采集收起来源：长度值

2021-02-01

慕的地6118176
给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
```
a:hover{color:red;}
```
上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。所以现在比较常用的还是 a:hover 的组合。
查看全部

0 采集收起来源：伪装者 - 伪类选择器
2021-02-01
huir_
```
样式的最高权值 ==> !important
```
查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-02-01

首页上一页 323 324 325 326 327 328 329 下一页尾页

0/150

提交

取消

开始学习

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

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