文章目录基本属性背景图片(image)背景平铺（repeat）背景位置(position)背景附着背景简写背景透明(CSS3)背景图方位案例基本属性CSS 可以添加背景颜色和背景图片，以及来进行图片设置。background-color背景颜色background-image背景图片地址background-repeat是否平铺background-position背景位置background-attachment背景固定还是滚动背景的合写（复合属性
原创
2020-06-29 20:41:13
669阅读
一般来讲建立大的框架结构的时候使用外部CSS文件的方式，应用方法如下： 建一个css.css文件，输入下面的内容： p {     color: red; } a {     color: blue; } 然后再html文件中引用这个css文件： <!DOCTYPE html PUBLIC &qu
原创
2010-04-21 17:51:44
318阅读
根据设计稿的实际宽度值,与设计稿最大宽度值,动态计算根字体大小，适应不同的屏幕比例。 本文的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
133阅读
2评论
（一）实现简单的淘宝带图标侧边栏效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5&
转载
2017-05-18 14:55:25
213阅读
在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
转载
2016-05-29 11:08:00
149阅读
2评论
前言 首先，小编给大家解释一下什么是SCSS和LESS，Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compasss）有助于更好地组
转载
2023-08-13 07:45:44
66阅读
加速的关键，不是降低重量，而是减少个数。如果重量在200K以内，只要网络不是特别慢，效率都差不多。但是，如果图片个数多一倍，效率将明显低一个档次。
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
转载
精选
2011-02-28 13:23:00
333阅读
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
1009阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>瀑布流布局效果</title>
&nb
原创
2016-05-12 22:26:45
431阅读
CSS总结1. CSS的简介a) 简介：CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。b) 作用：CSS将网页内容和显示样式进行分离，
转载
2023-09-19 19:49:48
60阅读
其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？牛
转载
2024-03-07 12:46:17
24阅读
前几天，我解释了 CSS规则层叠时的算法 虽然看起来复杂，但是在实际应用过程中，还不算太复杂，因为诸如user style和inline style之类的东西我们很少考虑。理论基础是必要的，实践是提升和理解理论的方法，两者同样重要，任何设计和开发人员离开这两者的平衡，不论偏向哪一方，都会范或左或右的错误。不过我所讲的这个方法在实际应用中到底有什么用呢。显然，它不能够给我们创造出圆角矩形，也不能够给...
转载
2008-04-28 12:39:00
111阅读
2评论
1.把块级元素转化为内联元素：display：inline 把内联元素转化为块级元素：display：block 2.盒子的宽=width+左右边框值+左右内边距 盒子的高=height+上下边框值+上下内边距 3.处理水平方向和垂直向上的溢出问题 auto溢出时显示滚动条。hidden溢出内容隐藏 ...
转载
2021-10-25 21:09:00
354阅读
2评论
block块级元素，单独占据一整行，形状是矩形，有自己的高度和宽度<div><p><form><ul><li> inline内联元素，不能单独占据一整行，没有固定形状，也无法设置高度和宽度，形状由其本身的内容决定，如<img><input><a><span><label> 填充：padding 边框 ...
转载
2021-10-26 21:21:00
272阅读
2评论
css:层叠级联样式表CSS的三种引入方式1.行内样式：写在标记里面的，只对当前的文件起作用，复用性小。2.内部样式：写在文件内部的，只对当前文件的文件中指定的标记有作用，复用性大于行内样式。3.外部样式：把样式单独抽离出来到一个css文件中，并引入。复用性大于内部样式。例：html文件：<!DOCTYPE html><html lang="en"><head>
原创
2023-09-04 22:47:27
150阅读
CSS编码可以以多种方式灵活的应用到我们所设计的XHTML页面之中，选择方式根据我们对设计的不同要求来制定。
1、行间样式表
行间样式表是将CSS样式编码编写在XHTML标签之中，类似于如下格式：
&nbs
原创
2008-03-05 11:15:22
631阅读
2评论
Transition对应的CSS属性列表：transition-property指定当元素哪个属性改变时执行Transition效果，属性可以时以下属性：none、all以及其他可以触发浏览器reflow或repaint的属性。当指定为none时，动画立即停止，当指定为all的时候，则当元素产生任何属性值变化时都将执行“转换”效果，比如大小改变。初始默认值为all.transition-duration指定“转换”过程的时间，如：1s、none。初始默认值为0.transition-timing-function指定“转换”过程中可用的效果，预设的有：ease, linear, ease-in
转载
2012-12-21 13:35:00
138阅读
2评论
CSS 表格相关属性：http://www.w3school.com.cn/css/css_table.asp
制作漂亮的表格
http://www.w3school.com.cn/tiy/t.asp?f=csse_table_fancy
涉及问题：
(1)表格单边框border-collapse:collapse;(2)文字对齐 text-algin
(3)固定列宽非按内容显示tabl
原创
2012-09-25 22:31:23
732阅读
