css基礎選擇器僅有三種,app項目開發設計時?
借用一段話來開頭:古代小說里,高手如云,人們為了生存,要掌握一套保命武功。其中,我最喜歡的是輕功,畢竟三十六計走為上策(狡詐的一笑)。說到底,武功和技術一樣,都是為了生存。問題是,現實一點來說,一個武者,很難掌握所有的武功秘籍,因為臣妾做不到啊;所以如果有一種武功,能夠遠攻和近攻,能逃跑能單挑,那就極好了。
玩“農藥”也一樣,我發現英雄們各有優缺點,但你又不可能什么英雄都練,因為臣妾也做不到啊,畢竟上場時就一個英雄,所以就需要選擇,我選擇的是呂布和趙云,他倆在游戲故事設定中是情敵,其實貂蟬喜歡的是趙云,我之所以選這兩個情敵成為基友,是因為符文一樣,這點很重要,五級符文真mde難攢,呂布和趙云戰斗力都很棒,我基本就練這兩個,現在的級別是永久鉆石,雖然不是最厲害的,但在王者的世界,確有一席之地。
技術也是一樣,我通過一套技術,每天用這套技術開發,不斷磨練,好過啥都學,啥都不深入,因為之所以深入,是因為你不斷去用,很多時候,一個技術名出來,就買書學,其實很傻很天真,因為技術是手段,目的是解決開發問題,如果用不上,就毫無意義。明白了學習技術的意義,我們來扯扯怎么系統的來學習前端。
學習前端是個很龐雜的工程。一定要學會分析,每個階段怎樣去學習不能一股腦的看別人是怎么樣你就怎么樣。
把前端學習分為三部分來學習:
一、HTML和CSS
注重學習的是布局方式,鍛煉基本思維。
1. HTML基礎,CSS基礎,CSS核心屬性
2. CSS樣式層疊,繼承,盒模型
3. 容器,溢出及元素類型
4. 瀏覽器兼容與寬高自適應
5. 定位,錨點與透明
6. 圖片整合
7. 表格,CSS屬性與濾鏡
8. HTML5新增的元素與屬性
9. 表單域增強元素
10. CSS3選擇器
11. 文字字體相關樣式
12. CSS3位移與變形處理
13. CSS3 2D轉換與過度動畫
14. CSS3 3D轉換與關鍵幀動畫
15. 彈性盒模型
16. 媒體查詢
17. 響應式設計
開始對于有些人來說,可能有點兒困難,但隨著不斷的重復性的練習,和對常用布局結構的熟悉和常用CSS屬性的熟悉,慢慢就好了。這部分知識貴在堅持。
二、JavaScript
主要鍛煉的是邏輯能力,和對基礎知識的掌握程度。千萬不要想當然覺得自己會了,結果過幾天就什么都忘記。寫一個效果,要看之前代碼好幾遍。
1. 基本語法、循環語句、函數與數組
2. String與Date、BOM與DOM、事件、cookie存儲
3. 正則表達式、Ajax、面向對象基礎、運動與游戲開發、Promise/A+
4. 設計模式(觀察者模式等)、原型鏈、構造函數、執行上下文棧與執行上下文、變量對象與活動對象
5. 作用域鏈、閉包、this、ES5、ES6、ajax大概先列舉這么多吧!這個里面重點學習的是面向對象和設計模式。最后找個例子來練習,比如微信打飛機等等。
三、工具類的學習和常用框架
1. Gulp
2. Webpack
3. NPM
4. Git/SVN
這些東西,是工作中必不可少的,所以必須要學習
Vue.js的學習里面重點學習以下知識點:
1) Vue.js基礎、模塊化、單文件組件
2) 路由、服務器通信、狀態管理
3) 單元測試與生產發布、服務端渲染SSR與Nuxt.js、Mint UI, Element UI
其實還有很多,不一一列舉了,框架的學習只要認真掌握一個,其他的上手非常快。最后,還有就是微信小程序、node.js這塊多看看。
css分成哪三類?
CSS樣式分為:內聯式css樣式、嵌入式css樣式、外部式css樣式。
對CSS三種樣式定義及其實例:
內聯式css樣式。
內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中,如下面代碼:
1 <p style="color:red">這里文字是紅色。</p> css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設置可以寫在一起,中間用分號隔開(英文狀態下;)。嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色:
1 <style type="text/css">span{color:red;}</style>
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名(也可以為調用其他網站CSS)。
1 <link href="style.css" rel="stylesheet" type="text/css" />
注意事項: 1、css樣式文件名稱以有意義的英文字母命名,如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。 3、標簽位置一般寫在標簽之內。
web學起來難不難?
前端的學習路線如下:
第一階段HTML+CSS核心基礎 HTML,CSS核心基礎CSS過渡HTML5語義化標簽線性漸變,徑向漸變HTML新增標簽屬性CSS動畫Animation表單項新增屬性彈性盒模型CSS選擇器經典布局練習(雙飛翼,CSS3偽類 品字布局) + 案例CSS偽元素響應式布局第二階段JavaScriptJavaScript基礎JavaScript操作DOMJavaScript面向對象(js高級)第三階段PC端整棧開發PC項目jQueryjQuery項目lessbootStrap第四階段ES6+Node+工程化ES6/7/8promisenpm常用命令git基礎(常用操作)git高級Node.js基礎git基礎(常用操作)http協議 & cookie & sessionMongoDBExpress框架ajax(原生,jQuery,axios,fetch)ajax庫基本封裝使用 promise封裝模塊化構建工具gulp,webpack4.0基礎第五階段React技術棧React基礎語法react-routerReact Antd使用ReduxReact移動端項目第六階段Vue技術棧Vue基礎VueRouterVuexVue源碼(v-model, 雙向數據綁定)VuePC項目-電商Vue后臺管理第七階段小程序小程序UniAppTypeScript第八階段就業指導+面試精講vue實戰(移動端)小程序實戰 面試精講就業指導不管學什么,都是完后開頭難。
你要針對性的去學習,不要一口吃個大胖子,學習是個循循漸進地過程。
建議按著學習路線去學習,基本這種都是針對企業的招聘來安排的課程。或者看看招聘信息去學習。
每天有效學習時長要有6個小時這樣,1-2小時的筆記時間,敲代碼的時長2-3小時。
編程一定要代碼量上去!!!
因為很多都是一學就會,一敲就廢。
俗話說,鍵盤敲爛月薪過萬;鍵盤落灰狗屎一堆。
學編程沒有什么捷徑,就是要多看別人的代碼,多敲自己的代碼。多思考為什么要這樣,培養編程思維。
css選擇器包括class選擇器嗎?
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級選擇器
1.css標簽選擇器
css標簽選擇器其實就是頁面上的所有類型的標簽,我們對經常描述稱為共性,對無法描述的稱為個性。我們在頁面上看到input,div和ul都有可能是選擇器,無論這個標簽藏得多深,都可能被選擇上,并且選擇的是所有標簽,并不是單單指一個。
2.cssID選擇器
css中我們使用#來對名字進行自定義,#是指對一個特殊的標簽來使用,并且只能用一次,在任何html標簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實就是比較靈活。class和id是十分相似的,并且同一個標簽可以使用很多個類選擇器,也可以多種標簽使用。
4.css的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。