Css
css3动画详解
一.Keyframes介绍：Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframescha...
css3 flex 布局
flex 布局是css3中使用最频繁也是最出色的功能，有点复杂，分为应用在容器上的属性和项目上的属性，即父元素上的与子元素上的属性。父元素上的属性display:flex<style>div{display:flex;background-color:yellow;}b{background-co...
CSS原生布局方式
网页原生布局的方法其实网上有很多，大概为Flow（流动布局模型）、Float（浮动布局模型）、Layer（层级布局模型）。<!--more-->流动布局模型其实就是默认的网页布局模式。也就是说网页在默认状态下的HTML网页元素都是根据流动模型来分布网页内容的。流动布局将会有两个比较典型的特征，第一，块级元素...
web前端教程：用 CSS 实现三角形与平行四边形
最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊，分页的样式。来张截图：你在首页的底部也可以看到这样一个分页栏；是不是看上去还不错？下面就来看看这是如何实现的吧~第一种方法：利用border第一种方法是借助border属性hack出三角形，然后通过一个矩形拼接两个三角形最终制造出一个平行四边形。为什么使用bo...
web前端教程：CSS 布局十八般武艺都在这里了
CSS布局布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。目录1.常用居中方法：水平居中，垂直居中，2.单列布局3.二列&三列布局...
Vue之动态绑定CSS样式
demo.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http://...
css3 媒体查询常用适配
@media(max-width:1300px){}@media(max-width:1080px){}@media(max-width:799px){}@media(max-width:720px){}@media(max-width:460px){}@media(max-height:750px){}@media(...
css3不错的教程
<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="css/style.css"type="text/css"/><metacharset="utf-8"/><title>CSS3悬停放大图片两...
css强制不换行
white-space:nowrap;//强制不换行overflow:hidden;//多余隐藏 ...
不用任何图片，只用简单的css写出唯美的钟表，就问你行吗？
样式如何？是不是感觉不可能。告诉你这是可能的没有用到任何的图片和js。该时钟有时针、分针以及秒针，在时钟的圆盘内，都有详细的刻度标记，在时间中央还有数字时钟显示，功能可谓十分强大，界面十分精致。在css3的渲染下，拥有华丽的视觉界面，这个纯css3精致时钟，你值得拥有！其主要的实现原理是用animation、trans...
HTML前端——CSS样式
使用CSS样式的方式：1HTML<!DOCTYPE>声明标签2内链样式表<bodystyle="background:green;margin:0;padding:0"></body>3嵌入式样式表<styletype="text/css"></styl...
Div+Css实现段落首行缩进两个字符（text-indent标签）
段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉...
把文章里边的html标签去掉（去掉文字的样式，显示css设置的样式）
java：validHeasers.add(tr[0].replace("<(.[^>]*)>",""));//去除HTML标签 ...
纯CSS隔行换色
<head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>css3隔行变换色---www.jbxue.com</title> <styletype="text...
CSS从大图片上截取小图标
一张图片，用CSS分割成多个小图标。css样式：.icon{background:url(../images/tabicons.png)no-repeat;width:18px;line-height:18px;display:inline-block;}.tu0101{background-position:-0px...
