![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS的那些事儿
初心鸿鹄
物有本末,事有终始,知所先后,则近道矣!
展开
-
LESS的使用方法
LESS使用方法简介(装逼神器)LESS 做为 CSS 的一种形式的扩展,它并没有阉割 CSS 的功能,而是在现有的 CSS 语法上,添加了很多额外的功能,所以学习 LESS 是一件轻而易举的事情,果断学习之!变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color:转载 2017-06-22 17:36:25 · 681 阅读 · 0 评论 -
css的那些事儿--对一些样式额外的理解
text-indent:常用于文本的首行缩进,单位可以是已知的任何值,可以继承;text-align:的值可以是center/left/right/justify/inherit前三个的作用不必多说,第四个justify是将块级元素中的文本内容给两端对齐,inherit是继承父级元素的样式;line-height:line-height的值控制了行间距,是文本行超出字体大小的额原创 2017-08-30 22:01:50 · 623 阅读 · 0 评论 -
前端的一些规范
所谓无规矩不成方圆,在写代码的时候遵守一些好的代码规范,能够让我们更加快速地开发,更重要的是一旦养成了习惯,这些会让你受益无穷,所以就从现在做起,养成良好的代码编写习惯,每一天进步一点点!腾讯AlloyTeam的前端规范原创 2017-10-18 13:34:39 · 296 阅读 · 0 评论 -
css布局的一些小总结
一般而言,不要给外层div容器设置高度,为了防止在不同的分辨率下显示的不一样,应该让其自然填充即可,尤其是对于上下两栏布局而言原创 2017-08-31 23:15:02 · 276 阅读 · 0 评论 -
三栏式布局
一、前言在如今各个分辨率显示器N足鼎立的时期,页面采用流动性布局(亦可称自适应布局)不失为一个好选择。当然,具体实现不是那么容易,需要一定的css功力和实践经验。本文不讲细节,只讲外部的自适应架构,这也是实现整个页面自适应的前提。目前为止,我所熟知的左中右三栏宽度自适应于浏览器的方法有三个:绝对定位法,margin负值法以及自身浮动法。这些方法简洁实用,且无兼容性问题。如果您想在您的页面上使用转载 2017-08-25 17:46:27 · 304 阅读 · 0 评论 -
在《css禅意花园》中所学到的
浮动和定位的区别:对元素使用浮动,那么这个元素依然存在于文档流中,周围的元素也会感受到他的存在;定位的话,能够实现精准定位于某一个位置上,定位的元素将不占据空间,就像消失了一样被定位过的容器(无论是绝对还是相对)的左上角将作为该容器中定位元素的起始点小Tips:对于浮动元素,而且还会有水平margin的情况下,在IE浏览器中会出现外边距加倍的情况解决办法:给那个原创 2017-07-27 08:42:00 · 1222 阅读 · 0 评论 -
css的那些事儿--css选择器的值得注意之处
直接上图:只要了解这个就行了:还有就是:1.内敛样式的权重为1,0,0,0,这也就是传说中的就近原则吧!2.还有就是利用“!important”,拥有最高的权重,注意!important要卸载某条样式声明之前(分号的前面)原创 2017-08-15 22:33:47 · 313 阅读 · 0 评论 -
css选择器
除了常用的通用选择器(*),ID选择器,class选择器,标签选择器之外,以下主要总结一下自己不常用但是却很重要的一些选择器:伪类选择器::visited 当链接被访问过后的时设置的样式(多用于链接);:hover 当鼠标悬浮在元素上的时候定义的样式(一般任何元素均可);:link 链接处于平常状态的样式(多用于链接);:active 当链接访问的那一瞬间定义的样式;原创 2017-05-24 20:13:57 · 345 阅读 · 0 评论 -
css中的一些小贴士
在html和Xhtml中有这样的一条规则:对于html或者xhtml而言,行内元素可以嵌套在块级元素中,对于css而言,却没有限制因为有display,反之不行(块级元素不能嵌套在行内元素中),即便是有了css也不行link和@import的区别:link中的一些属性的解释,rel表示关系(可能是relationship的缩写吧),type表示数据的类型,href指向css文件路径,但是r原创 2017-08-01 22:34:20 · 430 阅读 · 0 评论 -
css的那些事儿--background的多张背景的实现
一般来说在一个元素中可以使用一个背景图就可以了,但如果自己想要用多个图片呢,又要怎么办呢?答案就在这里,还是利用background-image属性:只不过值变成了你想要添加的背景图路径 url(img1),url(img2),url(img3)...,这里将出现的效果,展现的是最上面的那个背景图(img1在最上面,以此类推),给每一个背景图添加属性background-repeat:no-r原创 2017-10-19 22:45:47 · 1166 阅读 · 0 评论