css
文章平均质量分 77
zhanglir333
前端路漫漫其修远兮,,吾将上下而求索
展开
-
项目中常用的css样式总结
重置reset.csshtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b原创 2017-11-27 22:13:31 · 950 阅读 · 0 评论 -
纯 CSS 实现三角形尖角箭头的实例
[html] view plain copy> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>无标题文档title> style typ转载 2018-02-01 17:19:55 · 1762 阅读 · 0 评论 -
移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。一、line-heightline-height经常用于文字居中,当然也有小伙伴会用上下padding去写.but!不转载 2018-01-07 19:32:52 · 326 阅读 · 0 评论 -
移动端css公共样式
@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch;}/* 禁止缩放表单转载 2018-01-07 19:28:47 · 328 阅读 · 0 评论 -
常见的动态样式css语言之less
1.动态样式语言 CSS:静态样式语言,作为一门语言并不称职!缺少一般语言必需的基本要素:变量、运算、循环/选择、函数等,导致了CSS代码的修改和维护非常麻烦。 动态样式语言:在CSS的基础之上,添加了动态语言所必需的元素,如变量、运算、循环/选择、函数等,方便样式文件的修改和维护。 注意:浏览器默认只能处理静态样式语言,所有的动态样式语言必需设法转换为CSS才能被浏览器所理解!原创 2018-01-07 17:30:26 · 984 阅读 · 0 评论 -
CSS3的calc()使用
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一转载 2018-01-16 15:43:56 · 284 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、mar转载 2018-01-22 16:22:13 · 249 阅读 · 0 评论 -
css中常见的问题
1. margin:0 auto 和text-align区别: margin:0 auto 是本块元素位于其父元素中位置是水平居中的,text-align是指该块元素内部的行内内容是水平居中的。2. box{color:red !important;}可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,3. display: inline-block;原创 2017-11-27 22:14:43 · 251 阅读 · 0 评论 -
CSS解读之box-sizing属性
box-sizing属性是CSS3中引入的,有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域,以及边框的宽度与高度。这句话有点绕,我理解为它是一种容器高宽的计算方法,具体是怎样的一种计算方法,和传统的计算方法又有什么区别,通过下面的例子我们可以很直观的了解到。 如图1-1所示,两个div均统一设置属性,然后针对第二个div转载 2017-11-27 19:33:48 · 13728 阅读 · 1 评论 -
用clearfix:after消除(DIV块因内部浮动而高度收缩的问题)
遇到子元素浮动而引起父级元素不能完全撑开的状况;如下例TEST DIVCSSBBSTEST DIVTEST DIVTEST DIV内部的DIV因为float:left之后,就丧失了clear:both和display:block的样式,所以外部的DIV不会被撑开。我们想让外部容器的DIV随着内部DIV增多而增加高度,以前的处理方法是:1.给父级元原创 2017-11-25 17:58:24 · 654 阅读 · 0 评论 -
9款大气实用的HTML5/CSS3注册登录表单
注册和登录基本上是每一个网站都会有的功能,那么如何让用户在注册和登录这个环节上有更好的用户体验呢?随着现代浏览器的发展,我们就可以用HTML5和CSS3来制作炫酷的注册登录表单,下面我们收集了9款大气实用的HTML5/CSS3注册登录表单,希望你会喜欢。1、HTML5/CSS3仿Facebook登录表单利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过转载 2017-11-25 10:48:01 · 383 阅读 · 0 评论 -
css中的字体尺寸
CSS里面的font:12px/1.51.5是行高(line-height).1.5表示是12px的1.5倍,即font: 12px;line-height: 1.5。也可以理解font-size:12px;line-height:1.5em,即字符高度的1.5倍。网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,62.5%这主要是为了原创 2017-11-24 22:03:18 · 1488 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换: (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-block;转换为行内块状元素1.行内元素 行内元素最常使用的就是s原创 2018-01-27 09:42:35 · 24636 阅读 · 0 评论