//转换css中常用颜色编码 var toRGB = function (val){ var reg1 = /^#([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i; //i不区分大小写 var reg2 = /^#([0-9A-F])([0-9A-F])([0-9A-F])$/i; var reg3 = /[0-9A-F]{2}/g,//发现第一个匹配项即停止 m; if(reg2.test(val)){ val = val.replace(reg2,"#$1…

是的,是你的BFC - CSS中常用     是的,是你的BFC - CSS中常用 CFC 全称:(Block Formatting Contexts)含义是块级格式化上下文),就是一个块级元素的渲染显示规则 一.简易理解.定义 可以把 BFC 理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素,同时外面的元素也不会影响我们容器内的子元素. 二.BFC布局规则 内部的盒子会在垂直方向,一个个地放置: 属于同一个BFC的 两个相邻Box的 上下margin会发生重叠 : 每个元素的左边,…

在刚接触CSS时,px用的比较多,也很好理解,可是用久了就会发现有些缺陷,特别是在做响应式开发的时候. 那这么多单位到底在什么时候用什么单位合适呢?今天就来探讨一下. 先大致解释一下这些单位的意思: 1.px px单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取).一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割).许多网页设计师在web文档使用像素单位以生产浏览器渲染的像素完美呈现的网站. 像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备. 2.em…

1,以下是CSS中常用字体属性: font-family             字体样式 font-size                字体大小 font-size-adjust  为元素规定 aspect 值 font-weight        规定字体的粗细 font-style   规定文本的字体样式 font-vavisnt   规定是否以小型大写字母的字体显示文本 font-streth  收缩或拉伸当前的字体系列…

CSS 中的颜色可以由RGB色彩空间和HSL色彩空间两种方式来表述.其中我们常用的是RGB色彩空间,RGB色彩空间的颜色表示方式有:十六进制颜色(如红色:#FF0000).RGB颜色(如红色:rgb(255,0,0)),RGBA颜色(如半透明的红色rgba(255,0,0,0.5)),此外常见的颜色可以直接写颜色名(如红色:red).HSL色彩,是一种工业界的色彩标准,因为它能涵盖到人类视觉所能感知的所有颜色,所以在工业界广泛应用.因为我们不常用HSL色彩空间,可能大家对HSL色彩空间比 较陌生…

ASCII字符编码 美国信息互换标准代码,为罗马字母编制的一套编码,主要用于表达现代英语和其他西欧语言中的字符,1字节的7位表示一个字符. ISO-8859-1字符编码 ISO为西欧语言中的字符制定的编码,与ASCII兼容,1字节的8位表示一个字符. GB2312字符编码 对7445个简体中文字符的编码.6763个汉字和682个其他符号,与ASCII兼容. GBK字符编码 对GB2312的扩展. Unicode字符编码 国际Unicode协会编制,收录全球所有语言文件中的字符,是一种跨平台的字符…

一.CSS函数的用法 设置css的属性值时可以使用css函数,如果color:rgba(20,30,50,0.5),css中有很多这样的函数. 二.常用的CSS函数 a.calc()函数   这个函数是的可以计算容器的大小.如果设置容器的宽度:j main{ width: calc(100vh - 3.5rem - 8rem); } b.fit-content() 这个函数允许我们设置一个根据元素的内容设置容器的大小且有一个最小值. main{height:fit-content(8rem)}…

最常用的标签 left 左 top 上 right 右 bottom 下 font 字体 size 大小 width 宽度 height 高度 class 类 label 标签 form 表单 group 组 for 为 example 例子 email 邮箱 placeholder 占位符 checkbox 复选框 line 线 button 按钮 submit 提交 default 默认 margin 外边距 padding 内边距 weight 重量 normal 正常 display 显…

在网页制作中,最常用的恐怕是字体属性了,在调整页面兼容的时候,也常常发现字体名称的原因导致不兼容或乱码,下面给出几种常用字体的ucicode编码对照,方便使用. 宋体 SimSun \5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 微软正黑体 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53 新宋体 NSimSun \65B0\5B8B\4F53 新细明体…

一.标签选择器:直接将HTML标签(Tag)作为选择器,可以是p.h1.dl.strong等HTML标签.如: p { font:12px;}em { color:blue;}dl { float:left; margin-top:10px;} 二.id选择器:我们通常给页面元素定义id.例如定义一个层 <div id="menubar"></div> 然后在样式表里这样定义: #menubar{margin:0 auto;background:#ccc;col…