在平时,我们经常会碰到让一个div框针对某个模块上下左右都居中(水平垂直居中),其实针对这种情况,我们有多种方法实现。方法一:绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;) 图片展示: 代码如下:……继续阅读 » 1024小神 2年前 (2020-07-04) 528浏览 3评论1个赞
CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、内联样式,如:style=””,权重值为10002、ID选择器,如:#content,权重值为1003、类,伪类,如:.content、:hover ……继续阅读 » 1024小神 2年前 (2020-06-26) 452浏览 0评论0个赞
1、<table>标签:声明一个表格2、<tr>标签:定义表格中的一行3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格表格相关样式属性border-collapse 设置表格的边线合并,如:border-collapse:collapse;定位文档流文……继续阅读 » 1024小神 2年前 (2020-06-26) 477浏览 0评论0个赞
当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。overflow的设置项:1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修剪,并且其余内容是不可见的。3、scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。4、auto ……继续阅读 » 1024小神 2年前 (2020-06-26) 480浏览 0评论0个赞
盒子模型解释元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下:把元素叫做盒子,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。设……继续阅读 » 1024小神 2年前 (2020-06-26) 537浏览 0评论0个赞
4、id选择器通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。举例:#box{color:red} ......<p id="box">这是一个段落标签</p> <!-- 对应以上一条样式,其它元素不允许应用……继续阅读 » 1024小神 2年前 (2020-06-26) 465浏览 0评论0个赞
表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下:1、<form>标签 定义整体的表单区域action属性 定义表单数据提交地址method属性 定义表单提交的方式,一般有“get”方式和“post”方式2、<label>标签 为表单元素定义文字标注3、<input>标签 定义……继续阅读 » 1024小神 2年前 (2020-06-26) 591浏览 0评论0个赞
列表一般应用在布局中的新闻标题列表和文章标题列表以及菜单,它是含有语义的,标签结构如下:<ul> <li>列表标题一</li> <li>列表标题二</li> <li>列表标题三</li></ul>列表的内容一般是可以链接的……继续阅读 » 1024小神 2年前 (2020-06-26) 463浏览 0评论0个赞
网页上引入或链接到外部文件,需要定义文件的地址,常见引入或链接外部文件包括以下几种:<!-- 引入外部图片 --><img src="images/001.jpg" alt="图片" /><!-- 链接到另外一个网页 --><a href="002.html">链接到网页2</a……继续阅读 » 1024小神 2年前 (2020-06-25) 483浏览 0评论2个赞
布局常用样式属性:width 设置元素(标签)的宽度,如:width:100px;height 设置元素(标签)的高度,如:height:200px;background 设置元素背景色或者背景图片,如:background:gold; 设置元素背景色为金色border 设置元素四周的边框,如:border:1px solid black; 设置元……继续阅读 » 1024小神 2年前 (2020-06-25) 478浏览 1评论0个赞