前言 首先，小编给大家解释一下什么是SCSS和LESS，Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compasss）有助于更好地组
转载
2023-08-13 07:45:44
48阅读
CSS总结1. CSS的简介a) 简介：CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。b) 作用：CSS将网页内容和显示样式进行分离，
转载
2023-09-19 19:49:48
46阅读
CSS样式设计浮动和定位浮动设置浮动 默认情况下，HTML元素会从上到下或从左到右，将元素一个接一个的排列出来，这样排版就会显得非常单点混乱。 使用浮动就能较好的解决这个问题float: left | right; 左右浮动，可以实现文字环绕功能和瀑布流的样子清除浮动clear: left|right|both; 可以限制浮动的范围，左右或是两边都限制定位 由定位方式和偏移量共同决定位置信息pos
Android程序员搞Web之CSS（三）一、CSS（层叠样式表） 的三大特性1、层叠性：就近原则，后面设置的样式会将前面的样式覆盖； 样式冲突时层叠，样式不冲突时，不发生变化；2、继承性：子标签会继承父标签的样式3、优先级1）、important > 行内样式(1,0,0,0) > id选择器(0,1,0,0) > 类选择器优先级 (0,0,1,0) > 标签选择器(0,
1、 CSS概述1.1 CSS的作用早期，依靠HTML元素的属性设置样式，比如：border/align；而每个元素的属性不尽相同，所以样式设置比较混乱；因此，W3C推出了一套标准：使用某种样式声明后，所有的元素通用，即CSS产生，它是对页面的样式进行统一的定义（声明）的。1.2什么是CSS1）CSS（Cascading Style Sheets）：层叠样式表，又叫级联样式表，简称样式表
文章目录基本属性背景图片(image)背景平铺（repeat）背景位置(position)背景附着背景简写背景透明(CSS3)背景图方位案例基本属性CSS 可以添加背景颜色和背景图片，以及来进行图片设置。background-color背景颜色background-image背景图片地址background-repeat是否平铺background-position背景位置background-attachment背景固定还是滚动背景的合写（复合属性
原创
2020-06-29 20:41:13
598阅读
一般来讲建立大的框架结构的时候使用外部CSS文件的方式，应用方法如下： 建一个css.css文件，输入下面的内容： p {     color: red; } a {     color: blue; } 然后再html文件中引用这个css文件： <!DOCTYPE html PUBLIC &qu
原创
2010-04-21 17:51:44
301阅读
工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。2、移动端页面设置视口宽度等于定宽(如640px)，并禁止缩放，常用于微信浏览器页面。3、禁止将页面中的数字识别为电话号码4、忽略Android
（一）实现简单的淘宝带图标侧边栏效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5&
转载
2017-05-18 14:55:25
203阅读
根据设计稿的实际宽度值,与设计稿最大宽度值,动态计算根字体大小，适应不同的屏幕比例。 本文的px转rem换算公式为: 100px = 1rem 18px = 0.18rem 基础css body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textare
转载
2020-10-13 15:03:00
126阅读
2评论
在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
转载
2016-05-29 11:08:00
137阅读
2评论
文章目录移动端适配移动端适配介绍视口的介绍布局视口和视觉视口理想视口移动端适配方案rem适配方案基本介绍单位换算vw适配方案 移动端适配移动端适配介绍移动互联网的快速发展，让人们已经越来越习惯于使用手机来完成大部分日常的事务。前端我们已经学习了大量HTML、 CSS的前端开发知识，并且也进行了项目实战；这些知识也同样适用于移动端开发，但是如果想让一个页面真正适配于移动端，我们最好多了解一些移动端
加速的关键，不是降低重量，而是减少个数。如果重量在200K以内，只要网络不是特别慢，效率都差不多。但是，如果图片个数多一倍，效率将明显低一个档次。
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
转载
精选
2011-02-28 13:23:00
319阅读
css样式
翻译
精选
2013-04-10 09:06:58
235阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>瀑布流布局效果</title>
&nb
原创
2016-05-12 22:26:45
416阅读
9-1.html<html><head><title>alpha滤镜</title><style><!--body{ background:url(bg1.jpg); margin:20px;}img{ border:1px solid #d58000;}.alpha
转载
2009-08-02 14:37:01
975阅读
前言按钮，对开发者而言，是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式，增加一些用户体验。比如：hover样式、点击样式、loading样式等。下面我们通过简单示例在学习一下css3动画和css伪类。示例一 <button class="btn-1">按钮一</button>
<style>
button{
position: r
其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？牛
CSS 的大小CSS 宽度和高度 —width、heightCSS 通过height 和 width 属性来设置元素的高度和宽度。 height 和 width 属性不包括内边距、边框或外边距。 它设置的是元素内边距、边框以及外边距内的区域的高度或宽度height 和 width 属性可设置如下值：auto - 默认。浏览器计算高度和宽度。length - 以 px、cm 等定义高度/宽度。% -
CSS编码可以以多种方式灵活的应用到我们所设计的XHTML页面之中，选择方式根据我们对设计的不同要求来制定。
1、行间样式表
行间样式表是将CSS样式编码编写在XHTML标签之中，类似于如下格式：
&nbs
原创
2008-03-05 11:15:22
622阅读
2评论
