1. 程式人生 > >我常用的css基礎

我常用的css基礎

out tor con apps BE element after 浮動 info

mkdir 創建文件夾
touch 創建文件
mode:‘history‘ ----------------------------------------------------------去除#
display: flex;
justify-content: space-between;
------------------------------------------------------------
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
------------------------------------------添加dome節點

var str = ‘<div>ssssssssss33333333sssssssss</div>‘;
var tdd = $(str);
//$(‘body‘).append(tdd)
tdd.appendTo($(‘body‘))
----------------------------------------------
http://v3.bootcss.com/components/
console.log(form); -----------------------------打印
background-size: 99%; -----背景圖片縮放
transform: rotate(45deg); --------------旋轉
display:block; /*轉換為塊級*/
display:inline; /*轉換為行內*/
background-color: rgba(0,255,0,0.3);
text-indent ---------首行縮進
text-decoration: none; ------------去除下劃線
list-style-type:none ------------去除列表頭(點)
<div style="clear: both;width: 0;height: 0"></div>--------------清除浮動樣式
-------------------------------------------------------------------------------
.clearfix:after{ 同上
width: 0;
height: 0;
content: "";
display: block; -------獨占一行
clear: both; -------清除樣式
visibility: hidden;-------進行隱藏
}
-------------------------------------------------------------------------------
padding-right: 50px; --------------右外邊距
padding-left: 50px; --------------左外邊距
input{ ------------input的樣式
border: none; ------------邊框
background: none; ------------背景顏色
outline: none; ------------點擊輸入時候的邊框
}
cursor:pointer; ----------鼠標觸碰變小手

@media screen and ( min-width:640px ) and (max-width: 1200px){}
danger---------------------危險 紅色
success --------------------成功 綠色
info--------------------------藍色 信息
warning----------------------黃色 警告
.list-unstyled ul去除裏前點 ul的class屬性
.list-inline ---------------同上但是轉換為行內塊級元素了
var x = document.getElementsByClassName("aaron1")[0].offsetLeft;------------獲取外邊距
var y = document.getElementsByClassName("aaron1")[0].offsetTop;

我常用的css基礎