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