![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS 解决方案
博客zhu虎康
把最实用的经验,分享给最需要的读者,希望每一位来访的朋友都能有所收获!
展开
-
文本居中显示
文本居中显示文本所在标签居中P标签div块div块文本居中div块table文本所在标签居中P标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试文本居中</title> <style> .p1{ text-align: center; }原创 2021-07-30 10:45:33 · 245 阅读 · 0 评论 -
CSS 一些常见的大坝设备仪器标识绘制
绘制一些常见的设备仪器标识符。原创 2024-05-28 08:45:51 · 230 阅读 · 0 评论 -
将某一个 DIV 块全屏展示
本节演技一下如何将 DIV 全屏展示。全屏展示某一个 DIV。原创 2024-05-24 15:02:56 · 505 阅读 · 0 评论 -
如何在前端项目中引入外部字体并使用?
文章转自掘金:在前端开发中,不免遇到会有需要更换字体的需求,这时我们先要给需求方讲清楚更换字体一定要考虑到版权问题,要找有明确说明是免费使用的授权文档,不然一不小心就会成为背锅侠,这可百口莫辩了。我们UI选取的两个字体都是他去找了相关的授权使用书,证明是免费商业可用,我们才给他使用的,没有授权书我们可不能稀里糊涂的更换字体,这个一定要注意,谨记!转载 2024-01-12 14:49:52 · 893 阅读 · 0 评论 -
前端布局——垂直、水平居中
方法: inline-block + text-align + table-cell + vertical-align。原创 2024-01-12 14:48:47 · 647 阅读 · 0 评论 -
让一个元素水平居中的方式有哪些
今天总结一下我所遇到过的 让一个元素水平居中的方式。原创 2024-01-12 14:58:40 · 394 阅读 · 0 评论 -
使用 css 禁用 input 控件实现 disable 效果
但在 css 中,我们可以设置对input框实现不能点击的效果并添加输入框的透明度来实现禁用的效果。在 js 中,我们使用以下方法来阻止input,select,checkbox的默认事件,如。使用 css 禁用 input 控件实现 disable 效果。原创 2023-06-26 18:57:36 · 1084 阅读 · 0 评论 -
制作Logo
作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置接下来介绍制作方法:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式。步骤一:原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http://www.bitbug.net/上传你的原始图片然后生成ico格式图标(百度ico可以找到制作ico图标的网站);注意:图标要用 16*16 色的目的:保证了兼容性,无论在哪个地方都可以显示步骤二:把图标放到网站根原创 2021-07-23 17:26:16 · 202 阅读 · 0 评论 -
HTML_标签的命名/CSS标准化命名大全
HTML标签的命名/CSS标准化命名大全页面结构命名导航命名功能命名CSS样式命名CSS样式表命名页面结构命名page:代表整个页面,用于最外层。wrap:外套,将所有元素包在一起的一个外围包,用于最外层wrapper:页面外围控制整体布局宽度,用于最外层container:一个整体容器,用于最外层head、header:页头区域,用于头部nav:导航条content:内容,网站中最重要的内容区域,用于网页中部主体main:网站中的主要区域(表示最重要的一块位置),用于中部主体内容co原创 2021-08-18 17:06:08 · 2531 阅读 · 0 评论 -
怎样在本机电脑上进行更改图片大小比例
怎样在本机上对图片进行更改图片大小比例输入命令法:单击“开始”菜单,选择“运行”,输入mspaint,单击“确定”即可;附件法:单击“开始”菜单,单击“附件”,选择下拉菜单中的“画图”即可;打开画图工具之后——重新调整大小,选择适合自己的图片大小即可导出该图片...原创 2021-07-29 09:56:12 · 1482 阅读 · 0 评论 -
input点击后placeholder中的提示消息消失
需求:在开发的时候我们需要实现input点击后placeholder中的提示消息消失这个时候就需要用到除了placeholder之外的另外一种onfocus="this.placeholder=''" onblur="this.placeholder"属性了例如:在实现计算器的案例中:<!DOCTYPE html><html> <head> <title> 事件</title> <script type="text/ja原创 2021-10-29 11:05:30 · 968 阅读 · 0 评论 -
去边框的两种属性
CSS属性去边框和HTML属性去边框CSS属性去边框:table { border-collapse:collapse; } table, td, th { border:1px solid black; }HTML属性去边框<table align="center" cellspacing="0"><tr ><th>排名</th>niba<th>关键词</th></tr>原创 2021-12-06 20:22:28 · 113 阅读 · 0 评论 -
相邻块元素垂直外边距的合并
当上下相邻的两个块元素相遇时,如果上面的标签有下外边距margin-bottom,下面的标签有上外边距margin-top,则它们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。原创 2022-01-10 00:15:39 · 495 阅读 · 0 评论 -
CSS中如何设拉伸背景图片铺满屏幕
body{ background: url("image.png") no-repeat; height:100%; width:100%; overflow: hidden; background-size:cover;或者background-size:100%,100%;}原创 2021-12-19 21:53:34 · 2439 阅读 · 0 评论 -
CSS 的数值与单位px\em\%
你会在很多地方看到 CSS 单位中使用到数值。下面为大家介绍数值的最常用类别。颜色值在网页中的颜色设置是非常重要,有字体颜色,背景颜色,边框颜色等,设置颜色的方法也有很多:1.英文命名颜色p { color: pink;}/*给p标签的字体颜色设置为粉色*/2.RGB 颜色由 Red、Green、Blue 三种颜色的比例来配色,简称 RGB。p { color: rgb(154, 32, 432);}每一项的值可以是 0~255 之间的整数,也可以是 0~100% 的百分数原创 2021-08-10 11:41:23 · 292 阅读 · 0 评论 -
CSS书写规范、顺序
CSS书写规范、顺序CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS书写规范使用CSS缩写属性CSS有些属性是可转载 2021-08-12 10:36:07 · 104 阅读 · 0 评论 -
placeholder和value的区别
placeholder和value的区别value如果用的是value,我们想鼠标focus后默认文字消失,移开后默认文字又重现,可以这样来写。placeholder在input中只是充当占位符的角色,在你input框中的value为空的时候它才会显示出来,不会被表单提交。placeholder如果用的是placeholder,我们就不需要JS了,因为它本身就自带focus和blur功能了。会被表单提交。...原创 2021-08-13 09:02:58 · 940 阅读 · 0 评论 -
去除浏览器默认样式
因为浏览器的原因,body总有默认的选项:外边距margin,内边距padding,下划线text-decoration,因此在写代码前将其初始化为0<style> /*body总有默认的选项:外边距margin,内边距padding,下划线text-decoration,因此在写代码前将其初始化为0*/ h1,ul,li,a,body{ margin: 0; padding: 0;原创 2021-07-29 15:09:58 · 221 阅读 · 0 评论 -
自定义视口高度,多余的部分使用滚动
自定义视口高度,多余的部分使用滚动。原创 2022-07-26 18:38:32 · 138 阅读 · 0 评论