CSS3
关注
分享
扫一扫
brain_bo
直男癌晚期患者
展开
-
CSS之盒模型
盒模型有两种类型：标准（W3C）盒模型、IE盒模型，如下图两者区别在于content不同：标准盒模型content=width=200pxIE盒模型content=width+padding+border=200px+30px*2+5px*2=270px那么问题来了，如何自由切换盒模型呢？很简单的设置css3的box-sizing属性即可，标准盒模型 box-sizing：content-box；...原创 2018-06-06 16:53:59 · 211 阅读 · 0 评论 -
解决英文、特殊字符自动换行
废话不多说，直接上代码word-break: break-all;效果如图：简单粗暴！嘿嘿，希望能帮到小伙伴们~原创 2018-11-16 11:23:01 · 2023 阅读 · 0 评论 -
js多行省略兼容浏览器
废话不说直接上代码啦，<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>example</title> <script src="jquery.min.js"><原创 2018-11-13 14:37:08 · 780 阅读 · 2 评论 -
CSS~~text-decoration
text-decoration有5种形式，（1）、none，默认什么都没有（2）、overline，上划线（3）、underline，下划线（4）、line-through，中贯线（5）、blink，闪烁文字（注：浏览器不支持了）废话少说，直接上代码啦，<!doctype html><html lang="en"><head>...原创 2018-10-10 14:03:51 · 480 阅读 · 0 评论 -
reset.css初始化设置
reset.css/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockq...转载 2018-08-10 11:46:18 · 25786 阅读 · 0 评论 -
position实现块级元素垂直居中
块级元素垂直居中（position方法），css部分：*{padding: 0;margin: 0;}body,html,.wrap{width: 100%;height: 100%;}.wrap{background: red;position: relative;}.box{position: absolute;top: 50%;left: 50%;transform: tran...原创 2018-07-27 09:01:27 · 1678 阅读 · 0 评论 -
用Flex布局实现块级元素垂直居中
块级元素垂直居中（Flex布局方法）：css部分： *{padding: 0;margin: 0;}body,html,.wrap{width: 100%;height: 100%;}.wrap{background: yellow;display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: c...原创 2018-07-27 00:01:40 · 2674 阅读 · 0 评论 -
CSS经典布局~圣杯布局
为了实现中间自适应，两边固定的最好解决方法,话不多说，直接撸代码吧。HTML部分：<div class="wrap"> <div id="header"></div> <div class="container"> <div class=&原创 2018-07-19 11:48:17 · 4096 阅读 · 4 评论 -
显示隐藏的方法总结
怎么让一个元素显示隐藏呢？css：display：none / block；//完全消失，不占文档宽高opacity：0 / 1；//完全透明，但还是文档流内，有大小visibility：hidden / visible；//相当于透明，还存在于文档流中，有大小JQuery：$(ele).hide() / show();$(ele).fadeOut(500) / fadeIn(500);//500...原创 2018-06-06 17:41:17 · 233 阅读 · 0 评论 -
a标签JavaScript的使用方法
为什么要使用href=”javascript:void(0);”href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。为什么要使用href=”javascript:void(0);”<a href="javascript：void(0)" onClick="...原创 2018-11-19 12:08:51 · 9729 阅读 · 0 评论