html
YuTinH
一个萌新
展开
-
html表格及表单
表格:基础:table标签代表了创建一个表格,(块元素)th是表头中的内容,也属于td,不过有一些样式tr为行标签,td为列标签colspan表示跨行rowspan表示跨列样式:table和td之间有一个默认的距离,通过border-spacing属性可以设置这个距离border-spacing:0px;就可以让俩边框合并,但是会导致边框变粗,因为俩合并到一起了嘛border-collapse可以用来设置表格的边框,如果设置了border-spacing,则border-coll原创 2020-05-24 16:55:43 · 1041 阅读 · 0 评论 -
opacity透明属性
opacity透明属性:例如:opacity:0.5;fliter:alpha(opacity=50);原创 2020-05-24 16:31:36 · 903 阅读 · 0 评论 -
html元素相对定位和绝对定位
元素相对定位:定位:一般来说用两个就足够了(上下选一个左右选一个)注意,这里不会脱离文档流元素绝对定位:position:absolute即开启绝对定位,还是设置两个偏移量,不过是参照物不同了。元素固定定位:可以在实战中用来做固定在某个位置的东西(譬如点一下返回顶部)元素的层级:父元素的层级再高,也不会盖住子元素。也就是说子元素永远在父元素上边。...原创 2020-05-24 16:29:04 · 1847 阅读 · 0 评论 -
html中的高度塌陷问题及解决方法
高度塌陷问题:简而言之就是父元素不设置高度,以适应子元素的高度,但是子元素脱离文档流后,父元素将会塌陷,即没有子元素撑开它。解决高度塌陷问题:也就是说开启BFC就可以解决高度塌陷问题,但是或多或少会带来副作用BFC作用:利用BFC避免margin重叠。自适应两栏布局。解决高度塌陷。最简单的就是将overflow:hidden解决高度塌陷问题的其他两种方案:第二种方案:(兼容所有版本,但会给结构带来多余文本)第三种方案:(副作用最小,但不兼容ie6)例子:...原创 2020-05-24 16:20:28 · 1610 阅读 · 0 评论 -
html中的文档流与浮动
文档流:当元素的宽度设置为auto时(默认为auto),此时指定内边距不会影响可见框的大小,而是自动修改宽度,以适应内边距。浮动:通过浮动可以使一个一个的块元素在一行排列起来,从而拼成完成的界面。比如float:left就可以从左向右排列块元素。在文档流中,子元素的宽度会默认占父元素的全部,当元素设置浮动后,会完全脱离文档流,高度和宽度都会被内容撑开。也就是说,内联元素脱离文档流之后,全部都是块元素,可以设置宽高之类的块元素样式。...原创 2020-05-24 16:14:37 · 916 阅读 · 0 评论 -
html元素溢出(overflow)
overflow(元素溢出):譬如一个子元素在父元素中无法完全显示,即width或height大于父元素的话,就会出现溢出现象,我们可以通过overflow来设置溢出的内容。原创 2020-05-24 16:11:33 · 2705 阅读 · 0 评论 -
html的display和visibility
display和visibility:这两个样式在实际开发中还是很重要的。原创 2020-05-24 16:10:13 · 924 阅读 · 0 评论 -
html盒模型及其样式
盒模型-边框:记住盒子的大小是由三部分决定的要设置边框,必须这三个同时设置,缺一不可譬如:border-width: 10px 0;表示的是将上下边框宽度设置为10px 左右设置为0border-width: 10px 20px 0; 表示的是将上边框设置为10px 下边框为0 左右边框为20px。这种简写方式比较重要,接下来还有很多种简写类似这种写法。边框的简写:简写只能同时设置四个边框,但是快盒模型-内边距:内边距也可以简写,使用padding就可以设置四个内边距,和bo原创 2020-05-24 16:03:44 · 1317 阅读 · 0 评论 -
html文本样式
文本样式:tips:letter-spacing是汉字英文都通用,而word-spacing是针对英文的适用于文本对齐,关于其他对齐方式会再提到。譬如text-indent:2em 则缩进两个字的距离。原创 2020-05-24 15:44:38 · 957 阅读 · 0 评论 -
html字体的样式与行高
字体:font-size:font-family:注意事项:字体分类:字体的一个类包含许多字体,通常放在最后一个逗号后边兜底。字体的样式:font比较重要,因为简写可以提升浏览器解析的性能,建议简写,但是要注意用font时文字的大小和字体必须写,且分别占倒数第二和倒数底一,之间空格隔开。行高:记住行高 - 字体大小=行间距即line-height - font-size=行间距;一般来说第三点用的多一些这里使用于一个盒模型div中 有一个元素 将其垂直居中这里原创 2020-05-24 15:39:28 · 6498 阅读 · 0 评论 -
html颜色的三种表示形式
原创 2020-05-24 11:48:32 · 2050 阅读 · 0 评论 -
html常用长度单位
像素px:百分比%:例如类box 为类box1的父元素 那么box1的百分比将会以box为标准设置。em:譬如 font-size:100px;width:10em;那么width就相当于1000px;原创 2020-05-24 11:45:27 · 1625 阅读 · 0 评论 -
html列表简介
有序列表和无序列表:列表和列表之间可以互相嵌套,没有约束。定义列表:使用的比较少,可以用来做下拉菜单。原创 2020-05-24 11:30:18 · 863 阅读 · 0 评论 -
html常见标签的用法
html的书写规范:1.html中不区分大小写,但是我们一般都用小写2.html中注释不能嵌套3.标签结构必须完整,要么成对出现,要么自结束标签4.标签可以嵌套,但不可以交叉嵌套5.标签中的属性必须有值,且值必须加引号。标题的基本用法:段落的基本用法:包括换行水平线实体的基本用法:图片的基本用法:使用图片时的相对路径问题:重点:如果在子目录下,那么就直接写子目录名称加/如果在上一级,就用…/返回上一级这边建议把工程所需图片放到一个文件夹下,方便使用相对路径图片的原创 2020-05-24 09:51:46 · 1116 阅读 · 0 评论