初识HTML(5)+CSS(3)-升级版_技术问答

首页免费课初识HTML(5)+CSS(3)-升级版问答

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

                
                五月的夏天
            Web前端工程师

                    查看讲师更多课程 
                    五月的夏天讲师的其他课程
                
基于Vue3+Vite+TS，二次封装element-plus业务组件
实战·中级·446

                                                                                                                                    ￥348.00
                                            
vue3.0实现todolist 
中级·20336
免费课程
                                
全方位入门git
入门·24441
免费课程
                                
基于Element-UI二次封装业务组件
中级·11541
免费课程
                                
                难度入门
            
                时长 9小时18分
            
                学习人数
            
综合评分9.50
                            9466人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

翱翔的鱼儿

2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

0 13-3 排队显示-流动模型（二）

2014-11-24

翱翔的鱼儿

流动（Flow）是默认的网页布局模式.
特点：
1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

0 13-2 排队显示-流动模型（一）

2014-11-24

翱翔的鱼儿

在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）

0 13-1 CSS3的布局 - css布局模型

2014-11-24

翱翔的鱼儿

一个元素实际宽度（盒子的宽度）=左边框+左填充+内容宽度（css定义的width）+右填充+右边框

0 12-7 长胖长高点--宽度和高度

2014-11-24

凯心每一天

顺时针，或者上下、左右。或者一个值

0 12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

2014-11-23

CoderFan

bottom:0px;系统判定错误，这样太死板了。。。

3 13-8 我就在那不动了-层模型之固定定位

2014-11-23

翱翔的鱼儿

display:inline-block就是将元素设置为内联块状元素,内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。

0 12-4 我还要站个大位置 - 内联块状元素

2014-11-23

翱翔的鱼儿

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

行内元素之间会产生间隙bug问题的场景：当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙

3 12-3 我要和你站一起 - 内联元素

2014-11-23

翱翔的鱼儿

display:block就是将元素显示为块级元素
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

2 12-2 我要独占一行 - 块级元素

2014-11-23

翱翔的鱼儿

html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

0 12-1 给元素分个类 - 元素分类

2014-11-23

翱翔的鱼儿

设置文字间隔或者字母间隔就可以使用letter-spacing来实现
使用word-spacing来设置英文单词之间的间距

2014-11-23

翱翔的鱼儿

现在一般网页喜欢设置“微软雅黑”：
body{font-family:"Microsoft Yahei";}
或
body{font-family:"微软雅黑";}
注意：第一种方法比第二种方法兼容性更好一些。
因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

0 10-1 换个好看的字体 - 使用font-family设置字体系列

2014-11-23

翱翔的鱼儿

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

0 9-4 为所欲为 - 选择器最高层级!important

2014-11-23

翱翔的鱼儿

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

2014-11-23

翱翔的鱼儿

浏览器是根据权值来判断使用哪种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，其继承的权值最低。

1 9-3 权值计算-特殊性

2014-11-23

首页上一页 2420 2421 2422 2423 2424 2425 2426 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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