absolute | 易学教程

用css画图标

阅读更多关于用css画图标

css3的属性 transform(转换) 用途很广泛，功能也很强大，为了熟悉它的各种转换方式(平移 translate，旋转 rotate，扭曲 skew，放缩 scale)，我做了一些平常常用的一些简单的图标。这些图标很多是通过三角形来拼贴起来的，所以我们需要知道怎么样画三角形。 1. 我们要将该 div 的 width 和 height 都设置为 0，三角形是通过设置 border 来实现； 2. 通过我们需要画成的三角形的目标分析，这个三角形的朝向(只针对规则的朝向：上、右、下、左、上左、上右、下右、下左，不规则的朝向可以通过旋转来实现)； 3. 如果是上、右、下、左四种中的一种，将朝向的对面的 border-color 设置为我们需要的颜色，该朝向的这一边不设置 border，其它两边的 border-color 设置为 transparent； 4. 如果是上左、上右、下右、下左中的一种，以上右为例，设置相关的两边：上和右的 border-color 设置成我们想要的颜色，其它两边的 border-width 设置成 transparent。 5. border-width 的值就是底边长和高。看几个例子：例1：图形：该图形中，只有上方位有边，这个边就是三角形的底边了，底边长为 3.6em(左右相加)，高为 2em。右、下、左没有边。于是 border-top

图片翻转3D效果

阅读更多关于图片翻转3D效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <STYLE>HTML { BACKGROUND: #000 } BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } LI { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; DISPLAY: block; BORDER-TOP: medium none; BORDER-RIGHT: medium none } .slide-wp { POSITION: absolute; MARGIN-TOP:

#include absolute path syntax in c/c++

阅读更多关于 #include absolute path syntax in c/c++

问题 For some reason, I need to use the absolute path in #include for my system. Is using #include "D:\temp\temp_lib\temp.h" acceptable? I have tried these different usage and it all seems to work. #include "D:\temp\temp_lib\temp.h" #include "D:\\temp\\temp_lib\\temp.h" #include "D:/temp/temp_lib/temp.h" I just want to know which one should I use? I am using MSVC 2005. I'm wondering if all three will still work in Linux or other environment. I was expecting #1 to be an error during compilation,

Position: absolute and parent height?

阅读更多关于 Position: absolute and parent height?

I have some containers and their children are only absolute / relatively positioned. How to set containers height so their children will be inside of them? Here's the code: HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div>  <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; } .one { position: absolute; top: 10px;

SharePoint 2013 - REST API about Security

阅读更多关于 SharePoint 2013 - REST API about Security

1. 获取当前用户信息(current user)： var currentUserInfo = "{0}/_api/Web/CurrentUser"; // {0} -> web Absolute Url 返回的数据： 2. 获取站点权限信息(site permission)： var sitePermissionsInfo = "{0}/_api/Web/roleassignments?$expand=RoleDefinitionBindings,Member&$select=Member/Title,Member/Id,Member/IsHiddenInUI,Member/PrincipalType,RoleDefinitionBindings/Name,RoleDefinitionBindings/Order,Member/Users,Member/Groups&$filter=Member/IsHiddenInUI eq false&$orderby=Member/Title"; // {0} -> web Absolute Url 返回的数据与在站点 Site Permissions 页面看到的信息一样，此处有以下两点信息需要注意： (1) user类型的 PrinciplalType 值为1，user group类型的 PrincipalType 值为8，domain

Getting absolute path of a file

阅读更多关于 Getting absolute path of a file

问题 How can I convert a relative path to an absolute path in C on Unix? Is there a convenient system function for this? On Windows there is a GetFullPathName function that does the job, but I didn\'t find something similar on Unix... 回答1: Use realpath(). The realpath() function shall derive, from the pathname pointed to by file_name , an absolute pathname that names the same file, whose resolution does not involve ' . ', ' .. ', or symbolic links. The generated pathname shall be stored as a null

纯css3打造旋转太极

阅读更多关于纯css3打造旋转太极

新入博客园，发点以前写的东西占个位先效果： html: < div class ="a1" > < div class ="b1" ></ div > < div class ="c1" > < div class ="c2" ></ div > </ div > < div class ="d1" > < div class ="d2" ></ div > </ div > </ div > css: * { margin : 0 ; padding : 0 ;} body { background-color : #000 ;} .a1 { position : relative ; width : 500px ; height : 500px ; overflow : hidden ; margin : 50px auto 0 ; background-color : #FFFFFF ; border-radius : 50% ; box-shadow : 0 0 50px #FFFFFF ; -webkit-transition : all 3s ease-in ; -moz-transition : all 3s ease-in ;} .d1 { position : absolute ; top : 50% ; right : 25% ; width : 50% ;

Position: absolute and parent height?

阅读更多关于 Position: absolute and parent height?

问题 I have some containers and their children are only absolute / relatively positioned. How to set containers height so their children will be inside of them? Here\'s the code: HTML <section id=\"foo\"> <header>Foo</header> <article> <div class=\"one\"></div> <div class=\"two\"></div> </article> </section> <div style=\"clear:both\">Clear won\'t do.</div>  <section id=\"bar\"> <header>bar</header> <article> <div class=\"one\"></div><div></div>

HTML加CSS3太极图demo

阅读更多关于 HTML加CSS3太极图demo

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .wrapper { width: 300px; height: 300px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; animation: move 10s infinite linear; /*border: 1px solid red;*/ } @keyframes move { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .circleFB { width: 300px; height: 300px; background-color: #000000; position: absolute; top: 0; border-radius: 50%; } .circleSB { width: 150px; height: 300px; background-color: white; border-radius: 0 150px 150px 0; position:

How to center absolutely positioned element in div?

阅读更多关于 How to center absolutely positioned element in div?

问题 I need to place a div (with position:absolute; ) element in the center of my window. But I am having problems doing so, because the width is unknown . I tried this. But it needs to be adjusted as the width is responsive. .center { left: 50%; bottom:5px; } Any ideas? 回答1: <body> <div style="position: absolute; left: 50%;"> <div style="position: relative; left: -50%; border: dotted red 1px;"> I am some centered shrink-to-fit content! <br /> tum te tum </div> </div> </body> 回答2: This works for