相对定位：之前的位置不会被其他所替换 绝对定位：会被替换用什么定位主要是看文档流是否需要被破坏 浮动和绝对定位的区别： 相对定位和浮动共同使用 使用浮动和相对定位主要的作用是可以进行宽度的设置 z-index的使用 值越大，越在上层 通常我们不会设置成为连续的数字 因为到时候可能会加入其他层叠，避免大幅度修改 固定定位； 定位案例： 原文：https://www.cnblogs.com/betterqua...
vertical-align 属性设置元素的垂直对齐方式；想必大家都知道这个属性，也知道怎么用。但是今天我要说的是其中值：middle（把此元素放置在父元素中部）存在的一个小小的bug......如果不仔细观察，想必是不会发现的，但是作为一个严谨且拥有强烈强迫症的童鞋，简直是无法容忍这种低级毛病的。必须想进一切方法去解决掉。好了，废话不多说。今天，在写css时发现图片虽然设置vertical-align：middle 之后，有了居中的姿态，但是仔细去...
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-3.1.1.js"></script><style type="text/css">* {padding: 0px;margin: 0px;}.yuanhaun {width: 200px;height: 200px;margin: 0 auto;box-sizing: border-box;position: relative;border: 1px solid red;position: relative;border-radius: 50%;}.huan1 {background: red;position: absolute;left: 0px;top: 0px;...
<div class="close"></div>.close {position: relative;width: 40px;height: 40px; }.close::before, .close::after {position: absolute;content: ' ';background-color: red;left: 20px;width: 1px;height: 40px; }.close::before {transform: rotate(45deg); }.close::after {transform: rotate(-45deg); }原文：https://www.cnblogs.com/xiaoyucoding/p/12527056.html
position: absolute; width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%); 原文：https://www.cnblogs.com/liubingyjui/p/13686662.html
网页元素按照类型分为三种类型块状元素（div p ul h1 等）内联元素（span label a strong em 等）内联块状元素（img input 等）块状元素的特征是独占一行，之后的元素也会另起一行，不过块状元素可以通过display:inline,设置为内联元素。内联元素是在一行中，通过display：block设置为块状元素。display：inline-block将元素设置为内联块状元素inline-block元素的特点是1：和其他元素都在一行上，2：元素的高度、宽度、行高以及顶和...
h 表示色调 从0-360s 饱和度 0 - 100% l 亮度 0 -100%a 透明度 0-1 原文：https://www.cnblogs.com/lixintao/p/9768028.html
在HTML文件中使用Link标签连接独立的Css文件 将Link标签放在head标签中 like标签是空标签，只写开始标签，不写结束标签 我们需要为like标签设置一些属性 type的值设置为text/css，通知浏览器将要加载一个css文件。 rel（relationship关联）的值设置为stylesheet，通知浏览器被关联的文件是定义页面样式的。 href属性的工作原理和A标签中相同，url地址。 这样就和css管关联了，我们设置样式就在Htcss里面设置就好...
1.css基础 selector {property: value} eg:h1 {color:red; font-size:14px;}p {text-align: center;color: black;font-family: arial; }<CODE style=‘margin: 0px; padding: 0px; border: 0px currentColor; color: rgb(0, 0, 221); font-family: "Courier New", Courier, monospace;‘>h1,h2,h3,h4,h5,h6 {color: green;}希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：<CODE style=‘...
cursor其他取值 鼠标移入 auto ：标准光标 default ：标准箭头 pointer ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标Html5中标签（包括新增常用）...
特效： 2D: 平移：可以为负值，单位pxtransform：translateX(200px) translateY(200px); 简写：transform：translate(200px,20px); transform:scalex(取值范围为0-1，超出范围则放大) 角度：单位：deg(度)可以为负值，无最大值 transform：rotateX() rotate(); 倾斜：单位：deg(度) transform：skewX（） skewY(); 简写...
说明：Urllib 是一个python用于操作URL的模块 python2.x ----> Urillib/Urllib2python3.x ----> Urllib 一、变动说明： python2 中的Urllib和Urllib2 在python3 中合并为Urllib库，使用方法变动如下： python2 ------------> python3 import urllib2 ------------> import urllib.request/urllib.error import urll...
去除浮动.clearfix:after{content:"",display:block;clear:both; }内盒子模型（之前讲过浏览器默认的是context-box标准盒子模型，但是最好用的还是内盒子模型，内盒子模型的width和height是包括border和padding的，往一个宽高固定的内盒子添加padding和border，本身的width不会改变，是原本的内容区域被减少了）*{box-sizing: border-box; }清洁自带的样式( 只是粗略的做清洁，想要完全清楚默认样式，可以百度 normalize.css )*{pa...
1.行内样式>嵌入式>外部样式(就近原者)当外部样式在嵌入式的前面时就是外部样式为主2.重复样式p{color:red}p{color:green}<p>是green</p>3.id选择器和class选择器相同点都可一定义属性值不同点id选择器是唯一的只能定一个class可以定义多个相同类名例1<p class="a">我是类样是红色<span class="a">红色也有继承a也可以是相当于类属性</span></p><p id="a">错误<i id="a">不能在次定义</i></p>4.子选择器ul>li ul下的所有子元素u...
一、基础法则：类名的第一个字符不能使用数字，否则无法在Firefox中起作用；不要在属性值和单位之间留空格，否则在Firefox或Netscape中无法正常工作。 二、背景(background)：background-color不能继承，默认值是transparent。若一个元素未指定背景色，其背景为透明，其祖先元素的背景则可见，由此显现出来；background-position中若只出现一个关键字，则默认另一个是center；若只提供一个百分数，所提供的值作为水平值，垂直值默认...