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；若只提供一个百分数，所提供的值作为水平值，垂直值默认...
一、如何让一个不定宽高的div,垂直居中？ 1、使用flex布局，只需要在盒子的父级设置如下代码即可：.className{display:flex;justify-content:center;align-items:center; } 2、使用css3transform布局: 父级盒子设置：{ position:relative;} div设置：{ transform:translate(-50%,-50%);position:ansolute;top:50%;left:50%;} 3、使用 display:table-cell 方法 父级盒...
CSS指层叠样式表(Cascading Style Sheets)，CSS 是标准的布局语言，用来控制元素的尺寸、颜色、排版。CSS 由 W3C 发明，用来取代基于表格的布局、框架以及其他非标准的表现方法。样式 (style) 定义如何显示 HTML 元素；样式通常存储于样式表中；外部样式表存储于 CSS 文件中。CSS可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style> *{margin: 0;padding: 0;} .hover {width: 500px;height: 500px;background-color: red;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;} .hover:hover, .hover:focus, .hover:active {-webkit-transition: all 0.5s linear;-moz-transition: al...
原文:CSS中伪类及伪元素用法详解伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:active伪类后需要修改的样式。未点击时：...
从这篇文章开始，会利用几个篇幅，我将跟大家分享 从CSS1到CSS3都是如何实现页面布局的(当然，所指的范畴是利用CSS技术)。由于盒子模型技术内容比较多，这篇文章我将着重讲解知识点。下一篇文章，我会带领大家开发一个兼容 pc端浏览器和 移动端浏览器的弹性布局web界面的实例。希望大家能从中领受到CSS3在布局方面的强大功能。好了，长话短说，现在开始我们的《CSS3中的弹性流体盒模型技术详解》之旅吧！在讲解CSS3中新增的弹性布局...
1.shengluohao 就是这个...加： overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/2.div内容过多，一般它是自己自动换行，但是当自己输入测试数据全是英文字母时，它不会自动换行，需要加一个style="word-break: break-all" 原文：https://www.cnblogs.com/myfirstboke/p/9552940.html
一原理：其实原理很简单，就是使用background-position在一张大图中定位裁剪出我们需要的一个部分，然后用这个部分当作单个的图片使用。background-position(x,y).简单描述：以图片的左上角为原点坐标，两个参数分别为x,y轴。 原文：https://www.cnblogs.com/qianxunpu/p/8249947.html
原文地址今天我们来探索一下Carl Philipe Brenner的网站上一个微妙而有趣的动画效果。当鼠标经过网格元素时，会有一个微妙的动画发生——网格元素变得透明，每条边有个顺时针的动画，创造了非常好的效果。这种效果是通过JS给span标签的宽或者高做了动画。我们待会会用SVG和CSS渐变来完成。注意，这个技术还是实验性的。首先，让我们来看看基本的概念，然后我们会朝着这个方向努力。请注意，我们将在SVG上使用CSS过渡，可能无法得到...