學習日誌
cursor: pointer; 鼠標樣式手指 border-radius: 4px 倒圓角 transform: rotate(-180deg); 旋轉css
<a href="目標網址" target="_blank">在新建瀏覽器窗口中打開連接html
text-align:center; 文字居中 能夠配合塊狀元素 display:inline-block瀏覽器
塊狀元素(必有有寬度width )居中 margin:auto字體
float:right 浮動到頁面右邊ui
magin-top往下url
實例
向 div 元素添加 box-shadow：spa
div
{
box-shadow: 10px 10px 5px #888888;
}
font-style:italic; 字體樣式：斜體 font-weight:400 字體粗細 取整百 letter-spacing:5px;字體間距.net
border-radius:50% 倒圓角 display沒一行！
四邊小圓角scala
background:rgba(0,0,0, .3);ssr
/* (背景透明) */ border-radius: 0px 0px 20px 20px 左上右上右下左下
text-decoration:underline 下劃線
font-weight 屬性設置文本的粗細 normal默認值標準字符 bold定義粗體字符
bolder定義更粗的字符 lighter定義更細的字符
| [attribute] | 用於選取帶有指定屬性的元素。 |
| [attribute=value] | 用於選取帶有指定屬性和值的元素。 |
| [attribute~=value] | 用於選取屬性值中包含指定詞彙的元素。 |
| [attribute|=value] | 用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。 |
| [attribute^=value] | 匹配屬性值以指定值開頭的每一個元素。 |
| [attribute$=value] | 匹配屬性值以指定值結尾的每一個元素。 |
| [attribute*=value] | 匹配屬性值中包含指定值的每一個元素。 |
1. href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示來源地址，在 img、script、iframe 等元素上。
2. src 的內容，是頁面必不可少的一部分，是引入。href 的內容，是與該頁面有關聯，是引用。區別就是，引入和引用。
border: 1px solid black;邊框粗細和顏色
font-size:12px 設置字體大小 color:#930 設置字體顏色 text-align:center 設置內容位置
指定div裏背景圖大小的方法以下：
div{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;}。
在樣式表中定義：
img {height:200px;width:200px;}
<img src="" width="200" height="200">
position:absolute; <! 絕對位移>left:300px;top:150px;<! width="1000px" 設置圖片位置
type：只有當type值設置爲submit時，按鈕纔有提交做用
按鈕：
.button:hover{}鼠標放上後變色 .button:focus{}鼠標點擊後變色；（詳情可見second project）
ss
meta標籤
table屬性
表頭和單元格合併
選擇器專業名稱
經常使用快捷鍵
div[class^=font 選中開頭是font的
div[class$=font 選中結尾是font的
div[class*=font 選中全部帶font的
選中全部input裏的type=submit
在標籤先後加入閉合盒子；
。
www.bitbug.net/ 作小圖標 ico
圖片和文字保持一行，加vertical可單獨調圖片；
嘗試裏的小圓
定義和用法
:hover 選擇器用於選擇鼠標指針浮動在上面的元素。
提示：:hover 選擇器可用於全部元素，不僅是連接。
提示：:link 選擇器設置指向未被訪問頁面的連接的樣式，:visited 選擇器用於設置指向已被訪問的頁面的連接，:active選擇器用於活動連接。
註釋：在 CSS 定義中，:hover 必須位於 :link 和 :visited 以後（若是存在的話），這樣樣式才能生效。
https://www.easyicon.net/ icon搜索 object-fit: cover; 圖片比例
position:fixd;不隨頁面滾動
手機端開頭：
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/home1.css" />
<title>Document</title>
</head>
半透明覆蓋
在此塊的父級加position:relative;
background: linear-gradient(-45deg, transparent 45px, #FDC44D 0),
linear-gradient(45deg, transparent 15px, #F1A80F 0);
- 1. 學習日誌
- 2. 日常學習日誌
- 3. Mybatis學習日誌次日
- 4. 每日學習日誌
- 5. 學習linux日誌.
- 6. 日誌學習（一）
- 7. Python 日誌學習
- 8. pig學習日誌
- 9. node.js學習日誌
- 10. SQL|學習日誌
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 學習日誌
- 2. 日常學習日誌
- 3. Mybatis學習日誌次日
- 4. 每日學習日誌
- 5. 學習linux日誌.
- 6. 日誌學習（一）
- 7. Python 日誌學習
- 8. pig學習日誌
- 9. node.js學習日誌
- 10. SQL|學習日誌