大概不會超過10篇文章(喂

關於部落格
上一次修改部落格描述是在2012年9月20多日,今天1月3日就來換吧~2016年新年快樂!!!
  • 12117

    累積人氣

  • 5

    今日人氣

    0

    訂閱人氣

我終於會DIV語法啦!還有CSS的「.名稱」呼叫語法的語法!

 *先說這篇只是紀錄外加打給我自己看的,不是教學文章。


先說那個 部落格推薦人數 是不是壞掉了............. =_=  好幾天前來看明明是26人,怎麼會突然跳到42人,啥咪狀況.......

放著不管,

是說,今天(熬夜已變昨天)去參加起駕遶境,下午回來睡了一覺,

然後研究語法,

本來只是想在搞清楚1月份就已經研究過的CSS3的圓角語法(border-radius)而已,

因為看來套用了CSS3的圓角語法之後,是另外會跑出新的邊框,但原本的邊框也會留著(所以原本的表格的邊框要設定為 0px 才行。)今天用找蛋活動的表格來玩,看到兩種顏色的邊框立刻就看懂了,但1月份那時沒看懂(主要是那時還套用了顏色漸層背景語法,一整個太眼花撩亂)。


然後就先找到這個網頁~


1.  如何使用CSS(BORDER-RADIUS)畫出圓角DIV
astralweb.com.tw/how-to-use-css-border-radius-draw-rounded-div/


不過這網頁老實說,沒說得很清楚 =_=

比如說為何要先建一個DIV?(而且我稍後實驗,圓角套用在表格(Table)也可以,壓根不必要得用div)

因為我用Frontpage老實說都是用表格,很少用DIV,雖然官方專門網頁的確都是用DIV來作分區沒錯。而且幾小時下來(看了&玩了Splatoon官網的各種語法)也有搞清楚DIV要怎麼用了。


然後繼續吐槽這個教學網站,

才要人建完DIV,又突然又說了CSS的語法。  =_=
<style type="text/css">
CSS的撰寫區域
</style>

已玩過多種CSS3語法的我只知道這語法要另外放,並不是放到DIV裡面(然而該網頁連這個也沒說清楚,要是我沒玩過肯定會一頭霧水不知道這語法要放哪),

但老實說我也不知到底放哪比較好,姑且就先放在 </head>和<body>的中間。

雖然我知道現在CSS語法都是用呼叫的,剛研究了幾小時的Splatoon官網的語法,要找CSS語法都是從原始碼再按進去它的.css裡面找,比如這段:

<link rel="stylesheet" type="text/css" media="all" href="css/default.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/layout.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/index.css" />
 
(話說它是放在  <head> 和 </head>之間 )
 
不過,我畢竟只是要做練習,所以就直接把CSS語法放到同一個網頁裡最方便了。

然後看完那白爛的教學網頁之後,(因為沒把語法該放哪說明白,而那個網頁還是專門的網站公司的網站,所以才讓我超不爽,可以把你們的專業度拿出來嗎?能解說清楚嗎?我教一位60歲的剛學電腦的阿姨用office軟體都可以做到一教就懂。把該說的說清楚有那麼難麼?!)

雖然靠著之前的經驗所以順利的複習完畢圓角語法了,
而且也自己把語法中的div改成table了,這樣一來,整個網頁裡全部的table都會變成圓角。

但問題來了~
如果只想讓單一個表格變成圓角呢?

於是想到去年唄?看一個老師在youtube教frontpage的影片,雖然十幾年前都學過了我也不知道為何要看那個,本來只是想學點新東西,所以看了一下下,結果看到了將表格設ID的做法,因為我從來沒這個習慣,所以也不知道他為啥要幫表格取名子,至少去年我還用不到。

不過這次,突然靈光一現,肯定現在就有用了!(因為今年看各ACG官網的CSS語法看不少了所以就想到了)

於是立刻去找要怎麼幫表格取名了,去年沒記下來。

結果看到幫DIV取名子的方法,就只是多加個ID和名子,變成 <div id = "名稱" >

於是我就依樣畫葫蘆,用這方法幫表格取名,就成了  <table id= "名稱"> 

而且我一開始建立div取名的時候,本來要取123,結果Frontpage竟然很貼心的跳出提醒警示,

提示盒子說:取名要用 英文字或底線作開頭,不然呼叫時系統會無法辨識ID


真是幫了大忙。

於是也立刻會用ID呼叫的語法了,

<style type="text/css">
  #a12345{
  border-radius:數字px;
  }
  </style>



累死了剩下70%下次再說。總之我終於讓烏賊飛上天啦~ (照著splatoon官網依樣畫葫蘆玩位置語法等一大堆)












 








相簿設定
標籤設定
相簿狀態