HTML
HTML
前端_小智
一个无聊的前端er
展开
-
css行高line-height的一些自我理解。
1. 一些字面意思“行高”是指两行文字间基线之间的距离。基线是在英文字母中用到的一个概念,我们刚学英语的时使用的那个英语本子每行有四条线,其中底部第二条线就是基线,是a,c,z,x等字母的底边线。下图的红色线即为基线2. line-height与line boxes高度css中起高度作用的应该就是height以及line-height了吧!如果一个标签没有定义height属性(包括百分比高度...原创 2019-12-09 08:30:30 · 107 阅读 · 0 评论 -
CSS实现背景图片透明,文字不透明效果的两种方法
1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px).demo1{ width:500px; height:300px; lin-height:50px; text-align:center;}.demo1:before{ background:url(http://csssecrets.io/images/tiger.jpg); background-repea...原创 2019-11-24 20:52:51 · 466 阅读 · 0 评论 -
CSS常见的水平垂直居中的方法
在CS布局经常会用到水平垂直居中,以下是个人总结的常见的水平垂直居中用到的四种方法。第一种方法第一种方法知道宽高的水平垂直居中,主要用到position属性和magrin的属性来完成!<div class="div1"> <div class="div2"> 3232 </div></div><style>.div1 {...原创 2019-11-24 20:28:19 · 198 阅读 · 0 评论 -
css中的渐变与浮动
css中的渐变与浮动1、渐变1、线性渐变background-image:linear-gradient(angle,color-point,color-point);ex:background-image:linear-gradient(to bottom,#f9f9f9,#cdcdcd);2、径向渐变background-image:radial-gradient([size ...原创 2019-11-14 08:19:44 · 121 阅读 · 0 评论 -
CSS中关于群组选择器、后代选择器与子代选择器的优先级
群组选择器、后代选择器与子代选择器的优先级群组选择器要对不同的HTML对象定义相同样式时,可以采用群组选择器。例如:要对p1,p2同时设置相同的颜色。.p1,.p2{color:#aaa;}上述规则在选择器中指定了多个对象,对象之间用逗号来分隔。逗号告诉浏览器,规则中包含两个不同的选择器。这样的选择器叫群组选择器。后代选择器与子代选择器的概念与区别后代选择器是指只要具备层级关系的元...原创 2019-11-11 23:49:35 · 1150 阅读 · 0 评论 -
代码属性书写规范
1.按顺序排列属性每条规则下的属性在书写时,应按类别进行分组,其排列顺序如下:位置:bottom、float、display、left、position、right、top和z-index等;大小:height、margin、padding和width等;版式:color、font、letter-spacing、line-height和text-align等;背景:background等...原创 2019-12-01 23:15:18 · 570 阅读 · 0 评论 -
CSS选择器的命名规范
1.模块化命名例如:与布局相关的样式以“g”为开头。如“g-content”和“g-header”;与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”;与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”;与状态相关的样式以“s”为开头。如“s-current”和“s-selected”;与工具相关的样式以“u”为开头。如“u-cle...原创 2019-12-01 23:02:33 · 714 阅读 · 0 评论 -
web表格与表单
表格与表单表格是由单元格的矩形框构成,从左到右、从上到下的顺序的结构按照一定的格式来摆放数据。关于创建表格定义表格<table></table>创建行<tr></tr>创建单元格<td></td>表格的属性table属性:border cellpadding 单元格的内边距(单元格边框与内容的距离)c...原创 2019-11-07 23:22:14 · 713 阅读 · 1 评论