css樣式表三種選擇器,學(xué)JavaScript需要css和HTML的基礎(chǔ)嗎?
我來聊一下我對(duì)JavaScript(JS)、CSS以及HTML的的理解。你可以根據(jù)我對(duì)這3個(gè)技術(shù)的介紹,而后結(jié)合你的學(xué)習(xí)目標(biāo)做一個(gè)判斷,我想你的問題自然可以得到解答。
什么是JavaScripJavaScript是一種具有函數(shù)優(yōu)先的輕量級(jí)、解釋型或即時(shí)編譯型編程語言。它一種基于原型編程、多范式的動(dòng)態(tài)腳本語言,支持面向?qū)ο蟆⒚钍胶秃瘮?shù)式編程風(fēng)格。通常作為Web開發(fā)中頁面腳本語言被人熟知,JS + HTML + CSS 也被開發(fā)人員稱為Web開發(fā)三劍客。 雖然如此JavaScript并非是能配合HTML與CSS做前端(頁面展示端)的開發(fā),它也被用于開發(fā)很多非瀏覽器環(huán)境的開發(fā)中,比如Node. js、CouchDB等。
JavaScript的組成ECMAScript, 語法標(biāo)注和基本對(duì)象DOM , 處理網(wǎng)頁內(nèi)容的方法和接口BOM, 與瀏覽器交互的方法和接口HTML與CSSHTML是一個(gè)建立網(wǎng)頁開發(fā)標(biāo)準(zhǔn)的標(biāo)記型文檔語言,可以通俗的理解為HTML主要負(fù)責(zé)定義頁面中有哪些內(nèi)容和大體的位置,比如搜索框或按鈕等。HTML通常不會(huì)單一使用,一般會(huì)配合CSS以其進(jìn)行頁面的開發(fā),CSS的誕生是為了補(bǔ)充HTML對(duì)網(wǎng)頁中元素的位置的精準(zhǔn)排版進(jìn)行像素級(jí)別的控制。
CSS也提供了豐富的文檔樣式外觀,以及設(shè)置文本和背景屬性的能力;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內(nèi)容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
代碼示例:
<html lang="en"><head><meta charset="utf-8"><title>The HTML Demo</title><meta name="description" content="The HTML Demo"><meta name="author" content="杰森"><link rel="stylesheet" href="css/styles.css?v=1.0"></head><body><script src="js/scripts.js"></script></body></html>Node.jsNode.js 是一個(gè)運(yùn)行在服務(wù)端的JavaScript運(yùn)行平臺(tái),如果只了解JavaScript又需要開發(fā)服務(wù)端功能,那么Node.js 將是開發(fā)服務(wù)端的不二之選。
Node. js特點(diǎn)如下:
使用JavaScript構(gòu)建后端服務(wù)程序
RESTful API
單線程
非阻塞式IO
Chrome V8 引擎
事件驅(qū)動(dòng)
Node使用Module模塊去劃分不同的功能,以簡(jiǎn)化應(yīng)用的開發(fā)。每一個(gè)Node的類庫(kù)都包含了十分豐富的各類函數(shù)。通常情況我們可以通過NPM對(duì)node. js包進(jìn)行管理。
通過Npm安裝Tensorflow.js
npm install <模塊名稱>npm install @tensorflow/tfjs # 本地安裝npm install @tensorflow/tfjs -g # 全局安裝利用tensorflow做簡(jiǎn)單的計(jì)算
const shape = [2, 3]; // 2行,3列
const a = tf.tensor([1.0, 2.0, 3.0, 10.0, 20.0, 30.0], shape);
a.print();
console.log(Object.prototype.toString.call(a));
const b = tf.tensor([[1.0, 2.0, 3.0], [10.0, 20.0, 30.0]]);
b.print();
以我的經(jīng)驗(yàn)來講,通過npm的生態(tài)我們可以實(shí)現(xiàn)任何我們想做的事情。比如使用express.js開發(fā)服務(wù),通過tensorflow.js我們可以做深度學(xué)習(xí)(AI)模型的訓(xùn)練等等,這里我就不一一列舉了。如果感興趣可以參考下面關(guān)于npm的生態(tài)分析。最后單單從學(xué)習(xí)一門語言角度并非3個(gè)技術(shù)相互依賴,如果你準(zhǔn)備從事前端開發(fā)工作,我建議還是3個(gè)技術(shù)都進(jìn)行學(xué)習(xí)。如果使用JavaScript從事后端開發(fā)或者其它用途,可以有選擇性的了解或?qū)W習(xí)。
希望我的回答可以幫助到你!如果在學(xué)習(xí)過程中需要任何問題,歡迎關(guān)注并留言。
css樣式表說法正確的是?
CSS樣式表指的是層疊樣式表(Cascading Style Sheets),簡(jiǎn)稱CSS,是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,是用來表示html樣式的一種編程語言,是可以做到網(wǎng)頁和內(nèi)容進(jìn)行分離的一種樣式語言。
層疊樣式表CSS的主要作用是改變什么?
CSS(層疊樣式表)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。 CSS能夠?qū)W(wǎng)頁中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力,并能夠進(jìn)行初步交互設(shè)計(jì),是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語言。CSS能夠根據(jù)不同使用者的理解能力,簡(jiǎn)化或者優(yōu)化寫法,針對(duì)各類人群,有較強(qiáng)的易讀性。 有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表: 外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁鏈接到外部樣式表。 嵌入式Embedding(也叫內(nèi)頁樣式):在網(wǎng)頁上創(chuàng)建嵌入的樣式表。 內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。 其中,優(yōu)先級(jí):內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式
使用樣式表有什么好處?
使用樣式表有以下優(yōu)點(diǎn):
1.內(nèi)容與表現(xiàn)分離寫一個(gè)網(wǎng)頁就好比建房子,房子的結(jié)構(gòu)通過磚塊、鋼筋、水泥搭建,后期通過瓷磚、地板等的裝飾,才能讓房子更加漂亮。
網(wǎng)頁通過HTML搭建整體結(jié)構(gòu),通過CSS修飾美化網(wǎng)頁。為了使得在搭建的過程中不受到美化網(wǎng)頁的影響,而是專注在結(jié)構(gòu)上。并且在后期的維護(hù)上也更加方便。
2.網(wǎng)頁的表現(xiàn)統(tǒng)一,容易修改分開之后,結(jié)構(gòu)和樣式在不同的文件,互不影響,結(jié)構(gòu)清晰,可讀性強(qiáng),后期如果修改維護(hù)便于定位查找。
3.豐富的樣式,使得頁面布局更加靈活首先樣式表中提供了強(qiáng)大的而且非常全面靈活的選擇器,可以供我們選取到網(wǎng)頁中的任何一個(gè)元素
從大的方面選擇器可以分為四大類:
1.基本選擇器
2.層次選擇器
3.結(jié)構(gòu)偽類選擇器
4.屬性選擇器
如下圖我只是截取了屬性選擇器中幾種:
其次樣式表不僅提供了文本效果、背景和邊框還有2D/3D 轉(zhuǎn)換、動(dòng)畫、多列布局、用戶界面等。
4.減少網(wǎng)頁的代碼量,增加網(wǎng)頁的瀏覽速度,節(jié)省網(wǎng)絡(luò)帶寬很多CSS3技術(shù)通過提供相同的視覺效果而成為圖片的“替代品”
換句話說,在進(jìn)行Web開發(fā)時(shí),減少多余的標(biāo)簽嵌套以及圖片的使用數(shù)量,意味著用戶要下載的內(nèi)容將會(huì)更少,頁面加載也會(huì)更快。
另外,更少的圖片、腳本和Flash文件能夠減少用戶訪問Web站點(diǎn)時(shí)的HTTP請(qǐng)求數(shù),這是提升頁面加載速度的最佳方法之一。
而使用CSS3制作圖形化網(wǎng)站無需任何圖片,極大地減少了HTTP的請(qǐng)求數(shù)量,并且提升了頁面的加載速度
基于以上幾點(diǎn),使用樣式表是必須的!!