高亮显示: 可以在Less文件中显示语法高亮,这样看起来会更舒服一些。 按下Ctrl+Shift+P调出命令面板;输入install调出Install Package选项并回车;输入less,选中并安装 实时编译: 1、命令安装: 同时还要装 2、Sublime中ctrl+shift+p,输入ip按 Read More
如果想要删除插件,Ctrl+Shift+P调出命令面板,输入remove,调出Remove Package选项并回车,选择要删除的插件即可 Read More
a、b、c、d,可以以这四种等级为依据确定CSS选择器的优先级: a style 行内样式 个数 +1000 b id 个数+100 c 类 个数+10 d 类型个数+1 !important 规则是例外,级别高于一切 练习下: 把能想到的都发在评论里吧~ Read More
方法一:对收到影响的元素进行设置,哪侧受到浮动的影响就清除哪侧, clear:both; clear:left; clear:right; 方法二: 同时设置100% 或固定宽度 +overflow:hidden; 尝试一下: 如何使得p标签内容跟div标签的不同一行呢? Read More
需求效果一行3栏: 场景模拟:同事给了我这么一段静态代码如下: 可是动态读取是统一的呀?宽度不够咋办捏?错误的换行效果并不是我们想要的! 解决方案一:样式加宽隐藏 预览正常: 解决方案二:php判断,清除最右栏边距 方案一和方案二都是可以实现一样的效果! Read More
background-position:x y; 百分比定位并不能直观的看出来,需要通过计算。 background-position百分比计算公式: (容器宽度—背景图片的宽度)*x%=xpx(容器高度—背景图片的高度)*y%=ypx 上节我们使用的图片也可以继续拿来做练习: 预览效果: 因此不难 Read More
首先准备一张雪碧图,Like this 背景图片的定位方法有3种,比较常用的两种为 关键词: 其中关键字方法background-position: top left 和left top效果是一样的。(注意:如果您仅规定了一个关键词,那么第二个值将是"center"。) 关于像素值的正负:负数方向为 Read More
今天无意间看了到了line-height:1.8 感觉挺有意思的,然后翻了下行高的知识,发现还挺有文章的,不妨温故而知新。 先回顾下:顶线、中线、基线、底线 vertical-align是元素的垂直对齐方式,也依赖于这些线,分别有top(顶线对齐)、middle(中线对齐)、baseline(基线对 Read More
background的属性值 background : background-color | background-image | background-repeat | background-attachment | background-position ; background:transpa Read More
媒体查询可以根据设备显示器特性设定CSS样式。 媒体查询语法: 1、写在样式里:@media 条件 @media screen and (max-width: 550px){ /*样式*/ } 2、写在link标签里 <link rel="stylesheet" media="screen and Read More