- CSS-01 乱码
造成乱码的问题是：文档保存的时候选择的编码方式和打开文档时使用的编码方式不一样。当然现在都是统一使用utf-8:万国码。正常文档格式：<!DOCTYPEhtml><head><metacharset="utf-8"><title>标题</title></head><body></body></html> ......
- CSS定位问题
CSS定位问题CSS定位分为静态定位，相对定位，绝对定位，固定定位默认不设置情况下为静态定位position:static静态定位position:relative相对定位position:absolute绝对定位position:fixed固定定位相对定位 相对定位，即相对于盒子本身左上角的顶点的距离 left：正值---......
- CSS浮动以及背景属性
CSS浮动以及背景属性标准文档流在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。浮动的基本使用：<style>*{float:left/*左浮动*/......
- 纯css实现Tooltip提醒
<!DOCTYPEhtml><html><style>.tooltip{position:relative;display:inline-block;border-bottom:1pxdottedblack;}.tooltip.tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text......
- WebKit Inside: CSS 样式表解码字符集
CSS样式表引入有3种方式:外部样式表、内部样式表、行内样式，不同的引入方式，解码样式表的字符集原理不一样。外部样式表外部样式表由link标签引入，当WebKit解析到link标签时就会构造CachedCSSStyleSheet对象。这个对象持有CachedResourceRequest对象和TextResourceDec......
- CSS 基础 4 - CSS 常用单位
CSS基础4-CSS常用单位px：基础单位em：相对当前父容器的系数，可以累乘rem：相对根<html>的系数，方便计算vw/vh：viewportwidth/height，整个浏览器的大小，取值范围1-100如100vh，占满高度，如果出现滚动条，是因为body预设的padding和margin如30%宽度的侧边栏：height:100vh;......
- CSS 基础 3 - 定位 Postion 属性
CSS基础3-定位Postion属性staticposition属性的默认值，元素随HTML流移动top/left/right/bottom属性无效relative和static类似，元素随HTML流移动。区别：比static多了top/left/right/bottom（设定偏移量）【父相子绝】【可以作为父元素，让内部的absolute元素根......
- 盒子模型-CSS
/*内边距/padding:20px;/边框/border:20pxsolidblack;/外边距*/margin:50px;/*实线//border:10pxsolid#000;//虚线//border:10pxdashed#000;//点线*/border:10pxdotted#000;/*上下左右*/border-top:10px......
- sass_scss_less
title:Sass(Scss)、Less的区别与选择+基本使用tags:[CSS,Sass,Scss,Less]categories:可回收物keywords:css,sass,scss,lessdescription:Sass(Scss)、Less的区别与选择+基本使用date:2020-12-3112:20:31{%noteinfono-icon%}Sass(Scss)、Less都是CSS预处......
- 巧用CSS的Border属性
制作过网页的人都有为画线而烦恼的经历，本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面将通过实例来说明其应......