初识HTML(5)+CSS(3)_技术问答

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

初识HTML(5)+CSS(3)

                
                五月的夏天
            Web前端工程师

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

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

全部评论问答未解决精华

wineiny

能否修改一下自己的笔记啊？

2014-11-24

FXZ1994

怎么弄啊

2014-11-24

翱翔的鱼儿

Float布局:设置元素浮动就可以让两个块状元素并排显示

0 13-4 起飞咯 - 浮动模型

2014-11-24

翱翔的鱼儿

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

首页上一页 2423 2424 2425 2426 2427 2428 2429 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

初识HTML(5)+CSS(3)