border、outline、boxshadow那些事

【border、outline、boxshadow那些事】的更多相关文章

border、outline、boxshadow那些事

border 边框是我们美化网页.增强样式最常用的手段之一.例如: <div class="text"></div> .text { width: 254px; height: 254px; background: #CEE5D1; border: 10px solid #B189BB; } 但有些时候,我们的需求是给一个容器加上多重边框,最容易想到的是给它多加一层标签: <div class="text-outborder">…

css深入理解之 border

一 border-width不支持百分比值 1 不符合客观逻辑 2 w3成都一种约定吧 3 边框本身就像是一个包裹内容的界限类似的还有outline,box-shadow text-shadow均不支持百分比 4 边框宽度的枚举 thin:1px medium(默认):3px 因为border-style:double这个样式至少需要3px才会有可视化显示效果, thick:5px 二 border-style类型 1 solid 2 dashed 虚线虚线在chrome firefox的…

13机器学习实战之PCA（1）

降维技术对数据进行降维有如下一系列的原因: 使得数据集更容易使用降低很多算法的计算开销去除噪音使得结果易懂在以下3种降维技术中, PCA的应用目前最为广泛,因此本章主要关注PCA. 主成分分析(Principal Component Analysis, PCA) 通俗理解:就是找出一个最主要的特征,然后进行分析. 在PCA中,数据集从原始坐标系转换为新的坐标系.新的坐标系选择由数据本身决定.第一个新轴选择数据中方差最大的方向.第二轴与第一轴正交,且具有最大方差的方向.对于原始数据中的所…

CSS 基础篇、绝对有你想要

本章内容: 简介 CSS 定义四种引入方式样式应用的顺序选择器(Selector) * 通用元素选择器标签选择器 class 类选择器 # ID选择器 , 多元素选择器后代元素选择器 > 子元素选择器 + 毗邻元素选择器 [] 属性选择器伪类选择器常用属性颜色属性(color .transparent.opacity) 字体属性(font-style. font-weight.font-size. font-family.font) 文本属性(white-space.direct…

ABP集合贴

thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.45;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr&g…

jquery双向列表选择器select版

这个是select版的,若想美化某些样式是不支持得,可以用div模拟版的,功能基本实现能用了,需要其他功能自己加上. div模拟版链接:http://www.cnblogs.com/tie123abc/p/6018755.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>双向列表选择器select版</title> <script…

CSS技能汇总，研究及实践

最近一直在研究CSS,因为发现实践中大部分时间都在写CSS,且自己感觉写的很烂,虽然以前看的很多,但却很少有去实践过,更别提研究了,现在发现根本就不是你懂你就会,很多都是你用着用着才真的会了的,于是现在打算花一段时间研究CSS,并把它记录下来,以免忘了,以后在项目中需要的时候也方便查找,之前用的编辑器写的文章太乱了,现在换成markdown了,感觉好多了. 注意:本篇文章不会过多的介绍基础知识,因为没有必要,网上有很多基础教程完全可以搜索的到,这篇文章主要是对CSS的研究,通过它可以提高你的编码…

利用css3选择器及css3边框做出的特效(1)

利用border-radius及box-shadow制作圆角表格界面效果图如下: css样式如下所示: * { margin:; padding:; } body { padding: 40px 100px; } .demo { width: 600px; margin: 40px auto; font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 14px; color: #444; } /*表格的默认设置*/ table…

jq图片切换特效

首先引入js,内容如下: (function($){$.fn.slides=function(option){option=$.extend({},$.fn.slides.option,option);return this.each(function(){$('.'+option.container,$(this)).children().wrapAll('<div class="slides_control"/>');var elem=$(this),control=$…

bootstrap-combined.min.css

/*! * Bootstrap v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. }audio:not([controls]){displ…