CSS3 :target 選擇器

定義和用法

URL 後面帶有錨名稱#(錨點),指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。

imglightbox

:target 選擇器可用於選取當前活動的目標元素。

:target CSS 代表一個唯一的元素(目標元件用)id匹配的URL的片段。

/ *選擇一個ID與當前URL片段匹配的元素* / 
:target  { 
  border : 2px solid black ; 
}

Comment

5個最好的庫,用於在React中進行AJAX調用

api-img

以下React為例,如其他javascript框架與庫也是適用於其中,如vue.js。

在過去的兩年裡一直和React合作。許多React初學者提出的問題之一是:“從服務器獲取數據的React方式是什麼?”或“我應該如何在React中進行AJAX調用”?要回答你的問題,盡可能多的開發者會告訴你,React只是一個視圖庫,你可以隨意使用任何你喜歡的東西。然而,這並沒有多大幫助 - 特別是當JavaScript格局變化如此之快時。因此,在本文中,我將嘗試回答這個基本問題,並列出5個簡單的庫,用於在React中進行AJAX調用。

Comment

jquery

jQuery選取元素時,時常會使用到parent(),父親層級這個函數來選取本身元素的父親層級,但往往需要在選取在外層如父親的父親,如範例li的爸爸ul,ul的爸爸nav,要對nav做些事情時,要如何處理,這時候其實恨簡單,只要在下一次相同的parent(),如下範例展示對nav插入一個hello文字。

Comment

Procreate》比之於其他繪圖軟體出色的地方之一就是豐富且強大的筆刷工具,搭配Apple Pencil可說上是ipad pro創作的最佳的工具,有畫筆和手指塗抹兩種作畫方式,墨水、馬克筆、繪畫筆、圖形等不同的筆刷工具可選。

Procreate影片操作教學

影片內容展示如何操作使用Procreate繪圖軟體,有些小細節的操作,如上色使用顏色拖曳直接上色,與複製的方法使用套選後三隻手指如何操作,與快速的合併圖層方式。(影片內都有展示)

Comment

HTML

<ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

css

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul li{
    background-color: gray;
    padding: 10px;
}
ul li:hover{
    background-color: rgb(138, 138, 138);
}
@media screen and (min-width:768px) {
    ul{
        display: flex;
    }
    ul li{
        flex:1;
    }
}

(可縮放視窗測試效果。)

Comment

Copyright © 2018 ucamc