HTML
关注
分享
扫一扫
北漂编程小王子
程序猿的工作日记
展开
-
css背景图片半透明效果
css 设置背景色半透明效果，参数 background:rgba（x,x,x,x）最后一个a表示半透明，取值是0-1原创 2021-11-02 18:17:03 · 1208 阅读 · 0 评论 -
css 前端 吸取颜色 附件截图工具 snipaste
原创 2021-11-02 15:55:43 · 1228 阅读 · 0 评论 -
css元素显示模式
块级元素：可以包含块级元素和行内元素，例如 p div 标签行内元素：一行可放多个行内元素，不可设置宽度和高度，默认宽度就是内容的宽度，一般可容纳行内元素或者文本，超链接元素除外，行内块元素：一个放多个块元素，可以设置宽度和高度，例如input标签后面可以再次放input，input又可以设置宽高...原创 2021-11-02 14:48:21 · 100 阅读 · 0 评论 -
css 样式并集选择器
举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum.原创 2021-11-01 18:23:10 · 280 阅读 · 0 评论 -
css 样式 子选择器
样式控制时，利用标签下包含子标签的方式，会导致只要父标签下的能找到的子标签的话，样式都会生效，可能是孙子或者重孙级别，怎样只控制只是儿子级别的样式控制呢？这时候就需要子选择器，标签之间用> 分割举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-11-01 17:55:21 · 454 阅读 · 0 评论 -
css行间距 line-height
行间距，由三部分组成，文本高度+上间距+下间距举例：行高设置26px，文字默认大小是16px，上下间距就平分5px，测量行间距方法一般测量上一行的下底部，到下一行的底部，也就可以通过测量工具按照这样的测量方法测试出来。...原创 2021-11-01 12:07:56 · 760 阅读 · 0 评论 -
css首行缩进2个空格相对大小
有时候段落文本需要首行缩进两个空格，可以通过text-indent属性设置，单位em表示相对当前行文本大小缩进，例如当前文字大小是10px，那么2em就是相当于首行缩进了10xp*2=20px，也就是20px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&原创 2021-11-01 11:54:19 · 1228 阅读 · 0 评论 -
css 类选择器 多类名使用
前端常用类名定义样式，但是遇到一些重复的样式，可以考虑使用多类型写法，实现代码公复用！举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-29 11:41:07 · 907 阅读 · 0 评论 -
label标签使用
label标签用于绑定一个表单元素，点击label标签时，浏览器自动获得焦点，增加用户体验原创 2021-10-28 17:59:07 · 511 阅读 · 0 评论 -
js 动态修改iframe的src
项目组里有功能需要，当前页面获取url传递过来的参数值，动态赋值给iframe的src，从而实现动态加载iframe的需求，代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title>打印</title> <meta http-equiv="Content-Type" content="text/html; cha原创 2020-08-19 10:28:29 · 24867 阅读 · 1 评论 -
html强制浏览器取消兼容视图模式
项目发版过程过程中，用户电脑将顶级域名地址配置在了兼容性视图模式设置里，导致我们要发布的子系统无法正常登陆使用，现在需要强制浏览器访问我们系统的时候，强制浏览器取消兼容性视图设置！只要在登陆界面和登陆后的首页html文件，head标签内，增加如下代码：<meta name="renderer" content="webkit|ie-comp|ie-stand" /> <m...原创 2020-03-09 18:11:19 · 980 阅读 · 0 评论