CSS
Altaba
技能尽如人意,但求无愧于心
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iconfont 字体图标 angular 封装引用 font-class引用和symbol引用
hello,大家好,欢迎来到Altaba的博客先来讲解 symbol引用最新项目中,要用到彩色字体图标 做表情,故在项目中使用了阿里巴巴的iconfont 按照官网的使用方式如下:angular中顺序是:第一步:建议使用本地symbol代码(1)下载好iconfont网站的图标,解压,将iconfont.js 放到 assets目录下,可以自己建一个font文件夹存放这个文件;(2)...原创 2019-10-29 17:05:21 · 1537 阅读 · 2 评论 -
css变量 基础知识整理
css变量 基础知识整理css变量,欢迎观看Altaba的博客前言: CSS 变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名,并使用特定的 var() 来访问。1、变量的声明及作用域css变量的声明是使用 “–”,区分大小写作用域之能是在当前声明的选择器下,可在内部元素中再次声明进行覆盖,同css属性html { --fan:...原创 2019-01-03 00:25:38 · 551 阅读 · 0 评论 -
CSS,CSS3实现画出三角形 元素
欢迎来到Altaba的博客 2018年5月9日前端页面偶尔需要有三角形图标或者三角形样式,现在图标的三角形大多用字体图标去实现了,但是有些大的三角形模块还是需要前端运用CSS样式去画出来的,下面介绍各种角度的三角形css样式代码,希望能对大家带来帮助1:triangle-up#triangle-up { width: 0; height: 0; b原创 2018-05-09 09:56:50 · 612 阅读 · 0 评论 -
全面理解解析line-height: 150%和line-height: 1.5em和line-height: 1.5rem和line-height: 1.5的区别
欢迎来到Altaba的博客 2017年9月7日很开心今天能抽点时间解析这个CSS样式 行高的问题,相信行高如果设置具体的大小是很好确定的,当设置为上面这四个相对单位的时候,可能就有点凌乱没有对比就没有区别,没有求真就没有进步,本人致力于为大家提供最准确的前端技术解答先上代码: Title div div{ d原创 2017-09-07 16:26:44 · 4896 阅读 · 0 评论 -
关于table设置百分比单位无法实现响应式的问题---强制換行
欢迎来到Altaba的博客 2017年8月10日 今天来说一下自己在工作中遇到的一个小坑,工作中需要通过邮箱给用户发送一个html页面,为了满足样式布局在邮箱中能正常显示,很多样式都不能起到作用,布局都是采用很古老的table进行布局,整体单位采用百分比设置,使用媒体查询进行不同尺寸适配合适的样式,前期给用户生成的html邮件都是满足不同设备浏览的,直到最近遇到一个反馈,给客户发送的一个ht原创 2017-08-10 11:10:48 · 1831 阅读 · 0 评论 -
关于nth-child()伪类选择器选取元素设置transform样式但是无法通过hover改变transform的问题
欢迎来到Altaba的博客 2017年5月27日22:56:46不多说,直接上问题代码HTML部分: 鸽子 王阳阳毕设 院门 王阳阳毕设 css部分: .photo-view:hover{ box-shadow:15px 1原创 2017-05-27 23:18:03 · 1580 阅读 · 0 评论 -
前端(canvas)圆形网页时钟实现,源码
欢迎来到Altaba的博客 2017年1月23日canvas画出图案,网页时钟,不废话,源码奉上,望借鉴者多点思考,前端乐趣无穷<!--<%--Document : 时钟Created on : 2016-5-19, 9:49:29Author : Administrator--%>--> JSP Page时针 canvas {转载 2017-01-22 17:41:47 · 2240 阅读 · 0 评论 -
表格td使用百分比宽度 超出显示省略号,鼠标悬浮显示完整信息。样式设置,难点分析
欢迎来到Altaba的博客 2017年2月20日大家在前端编写过程中,难免会遇到表格问题,要求不高的话表格相信大家会首选bootstrap里面的样式,响应式的表格大小是最省事的,可是前端工作中难免会遇到一些奇葩的需求,这时候对于喜欢编写js代码突然去研究CSS的样式问题,会烦死,下面是本人为了解决:表格大小要响应式,每个td占用的大小用百分比确定好,虽然宽度大小会随着页面大小变化,但是对应的宽原创 2017-02-19 16:59:07 · 10132 阅读 · 0 评论 -
旋转的八卦图,纯CSS实现
欢迎来到Altaba的博客不废话,直接上源码,旋转八卦图的核心在于CSS代码的编写,所有首先呈上CSS代码: .yang-yin2{ width: 198px; height: 396px; border: solid black; border-width: 2px 200px 2px 2px;原创 2017-01-16 19:48:21 · 4375 阅读 · 0 评论 -
a标签中 href =" " 和 href ="#"和href ="Javascript: void(0)" 这三个有什么区别?
欢迎来到Altaba的博客,2017年2月6日在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用三种方法:a href =" ": 默认打开的还是当前页面,会刷新一下重新打开。a href ="#": 浏览器地址栏网址后面会多显示1个#。不会刷新页面,会回到页面顶部。点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以原创 2017-02-06 15:14:05 · 2978 阅读 · 3 评论
分享