HTML简介 什么是HTML HTML(Htyper Text Markup Language):即超文本标记语言。 超文本:指可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言:由标记(标签)构成的语言。 什么是标签 由一对尖括号包裹的单词构成,例如:<html> 标签不区分大小写,<ht ...
分类:
Web程序 时间:
2020-03-18 09:50:15
阅读次数:
66
元素的分类和特征: 1.块级元素 (1)独自占一行 (2)可以设置宽高,如果不设置宽,默认是父标签的100%的宽 2.行内元素 (1)行内元素在一行内 (2)不能设置宽高 3.行内块元素 (1)在一行内显示 (2)可以设置宽高 /*元素隐藏*/ display:none; /*转为行内块元素*/ d ...
分类:
Web程序 时间:
2020-03-16 23:39:20
阅读次数:
108
伸缩布局 传统布局和伸缩布局 布局的传统解决方案,基于 盒装模型 ,依赖 dispaly 属性+ position 属性+ flot 属性 对于特殊布局非常不便 CSS3在布局方面做了非常大的改进 使得我们对块级元素的布局排列变得十分灵活,适宜性非常强 其强大的伸缩性,在响应式开发中发挥极大的作用 ...
分类:
Web程序 时间:
2020-03-15 22:25:57
阅读次数:
138
1.元素的显示与隐藏 1)显示(display) display 设置或检索对象是否及如何显示。 display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。 特点: 隐藏之后,不再保留位置。 1 <!DOCTYPE html> ...
分类:
Web程序 时间:
2020-03-14 22:19:45
阅读次数:
92
多列布局类似报纸或杂志中的排版方式,主要用以控制大篇幅文本。 多列属性 1、column-count 属性规定元素应该被分隔的列数 适用于:除table外的非替换块级元素, table cells, inline-block元素 2、column-gap 属性规定列之间的间隔大小 3、column- ...
分类:
Web程序 时间:
2020-03-08 16:04:22
阅读次数:
91
#### CSS属性值background背景 - 背景颜色 - background-image:url( );背景图片 - background-repeat:no-repeat; 设置背景图片是否平铺 - repeat:平铺,默认值 - no-repeat 不平铺 - background-s ...
分类:
Web程序 时间:
2020-03-08 13:59:42
阅读次数:
83
1.HTML布局的基本: 区块元素:该元素标签的显示以新的一行来作为开始。 h1\p\ul\table 内联元素:元素标签的显示不会以新的一行开始 td\a\img div: 块级元素,作为其他元素的容器 span:内联元素,作为其他文本元素标签的容器 总结:网页布局采用span 或者div进行布局 ...
分类:
Web程序 时间:
2020-03-07 21:14:16
阅读次数:
118
1.为什么清除浮动? 浮动的框可以左右移动,直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流,当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候,此时就会出现“高度塌陷”。 ...
分类:
Web程序 时间:
2020-03-07 13:29:11
阅读次数:
92
BFC也是HTML中的一个盒子(看不见而已),只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类:
其他好文 时间:
2020-03-03 12:53:14
阅读次数:
63
普通文本、行内级元素(行内非替换元素,行内替换元素、行内块级元素)如果希望在水平方向居中,可以在父元素内设置 而块级元素水平居中,由于块级元素始终占据一行,设置text align对块级元素无效(如果在父元素设置text align为center,那么块级元素内部的文字会通过继承居中),需要在当前元 ...
分类:
其他好文 时间:
2020-03-02 22:20:50
阅读次数:
70