初來(lái)乍到
CSS 入門(mén)課程 / 初來(lái)乍到

CSS 入門(mén)課程

任務(wù)、步驟
校驗(yàn)規(guī)則

初來(lái)乍到

  1. 創(chuàng)建一個(gè)h1元素并寫(xiě)入文本Hello World。
  2. 再創(chuàng)建一個(gè)p元素并寫(xiě)入文本Hello w3cschool。
  3. 將原先對(duì)body設(shè)置的color:blue注釋掉。
  4. 在body中設(shè)置樣式color:red將文本字體顏色設(shè)置為紅色。
  5. 使用內(nèi)聯(lián)的樣式寫(xiě)法為p元素設(shè)置樣式color:green。
  6. 你會(huì)發(fā)現(xiàn)h1標(biāo)簽繼承了父級(jí)元素body的樣式因而字體也被渲染成紅色的。

畢竟初來(lái)乍到，還沒(méi)學(xué)習(xí)如何設(shè)置字體顏色，所以將對(duì)應(yīng)的CSS樣式代碼都直接給出，只要根據(jù)任務(wù)提示在對(duì)應(yīng)的位置使用偉大的ctrl+v/c即可。


Code Editor

                    

                    

                

                

                    
運(yùn)行(ctrl + enter)

    
                    
重置

    
                    
求助
                    

    
                    
Bug

                                        
                    
偷看答案

                                    

            

    
            

                    
                

                    
運(yùn)行結(jié)果：

                                        

                        手機(jī)端
                        PC端
                    

                                    

    
                

                                        

                        

                            
iphone6示意圖