web前端开发:CSS基础必须掌握

全面掌握Web前端开发:HTML与CSS基础教程 CSS预处理器是一种将CSS扩展为一种具有编程特性的语言的工具,它允许开发者使用变量、混合(Mixins)、函数等编程概念来编写CSS。这些概念可以提供更好的代码复用性、模块化、以及更易维护的CSS代码结构。预处理器不是浏览器直接解析的CSS代码,而是一种中间层,它需要通过一个编译步骤将预处理器代码转换成标准的CSS。最流行的CSS预处理器包括SASS、Less和Stylus。 阅读详情

学习目标

  · 1、CSS简介

  · 2、CSS语法

  · 3、样式的创建

  · 4、两种引入外部样式表的区别

  · 5、样式表的优先级和作用域

  · 6、CSS选择器

  · 7、选择器的权重

  · 8、浮动属性的简单应用

  · 9、HTML、CSS注释

web前端开发:CSS基础必须掌握

  一、CSS简介

  css:层叠样式表 英文全名:cascading style sheets

  ,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。

  目前推荐遵循的是W3C发布的CSS3.0.

  用来修饰XHTML或者XML等样式文件的计算机语言。

  1998年5月21日由w3C正式推出的css2.0

  二、CSS语法

  CSS语法:选择符{属性:属性值;属性:属性值;}

  1

  选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.

  属性:属性是指定元素所具有的属性,它是css的核心,css2共有150多个属性

  属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。

  说明:

  1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值;

  2)属性必须放在花括号中,属性与属性值用冒号连接。

  3)每条声明用分号结束。

  4)当一个属性有多个属性值的时候,属性值与属性值不分先后顺序。

  5)在书写样式过程中,空格、换行等操作不影响属性显示。

  三、样式的创建(内部样式表 外部样式表 内联样式表)

  A、内部样式表

  语法:

  注:使用style标记创建样式时,最好将该标记写在;

  B、外部样式

  *方法一:外部样式表的创建:

  说明:

  使用link元素导入外部样式表时,需将该元素写在文档头部,即与之间。

  rel(relation):用于定义文档关联,表示关联样式表;

  type:定义文档类型;

  *方法二:外部样式表的导入

  注:@和import之间没有空格 url和小括号之间也没有空格;必须结尾以分号结束;

  C、内联样式 (行间样式,行内样式,嵌入式样式、内嵌样式)

  语法:<标签 style="属性:属性值;属性:属性值;">

  例:

  < div style="width:500px; height:200px;">

  四、两种引入外部样式表link和import之间的区别

  扩展知识点:link和import导入外部样式的区别:

  差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。

  差别2:加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。

  差别3:兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。

  差别4:使用dom(document object model文档对象模型 )控制样式时的差别:当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的.

  五、样式表的优先级

  A、内联样式表的优先级别最高

  B、内部样式表与外部样式表的优先级和书写的顺序有关,后书写的优先级别高。

  C、作用域:内联样式的作用域最小,只能应用于当前元素,其次是内部样式表,能应用于当前HTML文件,最后是外部样式表,能应用于所有链接的HTML文件。

Web前端开发基础教程:HTML、CSS和JavaScript 在 JavaScript 中,函数可以使用多种方式定义。最常见的方法是使用function关键字:ES6 引入了箭头函数,提供了一种更简洁的函数定义方式:JavaScript 使用词法作用域(也称为静态作用域),意味着函数作用域在函数定义时就已经确定。变量的作用域可以是全局的或函数作用域。if(true) {// 输出 "I am global"// 输出 "I am accessible outside of the block" 阅读详情

相关推荐

零基础快速掌握Web前端开发:HTML5+CSS3实现3D魔方拼图实战

Web前端开发是构建用户界面与交互体验的核心环节,涵盖网页在浏览器端的结构、样式与行为实现。其三大核心技术——HTML(超文本标记语言)、CSS(层叠样式表)与JavaScript,分别承担着内容组织、视觉呈现与动态交互的职责。现代前端开发不仅限于基础技术,还包括构建工具(如Webpack)、版本控制(如Git)、框架(如React、Vue)与模块化开发等生态系统。掌握这些技能,有助于开发者高效构建可维护、高性能、跨平台的Web应用。

weixin_42579969的博客 971

web前端——css

前端之路

,,,,,,, 459

COT Buck和普通Buck的区别

传统的电流模控制的调制原理,由时钟脉冲信号 clk 的上升沿触发开始一个新的开关周期,d 由低变高,主开关闭合,流过它的电流和电感电流相等,并以固定斜率逐渐增大,直至 iL *Ri 与斜坡补偿信号 se 的和等于控制信号 vc;此时,比较器的输出电平由低变高,导通时间产生器被触发,其输出 d 由低变高,并产生一个固定的导通时间 Ton;然后 PWM 比较器的输出由低变高,导通时间产生器被触发,主开关闭合,电感电流逐渐增大,直到导通时间产生器计满固定的时间 Ton,d 变为低电平,主开关断开,周期结束。

模拟芯片设计 1125

html5+css3学习(二)之CSS选择器

html5+css3学习(二)之CSS选择器 样式 内联样式:将样式直接编写到标签中的style属性中,只对当前元素起作用,不方便复用 内部样式:只对当前样式表起作用 在head标签中定义style <style type="text/css"> 选择器 { 样式 } </style> 外联样式:根据选择器来给元素来设置样式,可以复用 <link rel="stylesheet" type="text/css" href="css路径"/> 块

qq_34942428的博客 323

企业知识库AI助手的权限管理架构:如何实现细粒度控制?

在展开架构设计前,我们需要先明确“细粒度权限”的核心定义,并理解它对AI助手的特殊意义。权限管理的“粒度”,本质是权限控制的精准程度。维度粗粒度权限细粒度权限资源范围entire document(整个文档)field/paragraph(字段/段落)操作类型read/write(读/写)generate_summary/download/export(生成摘要/下载/导出)上下文约束无(静态权限)time/ip/device(时间/IP/设备)适用场景简单系统(如内部wiki)

大数据洞察的博客 1039

知识抽取框架OneKE

OneKE 中指令的格式采用了类 JSON 字符串的结构,本质上是一种字典类型的字符串。优化知识抽取的性能不仅能够强化模型对世界知识的理解和应用,还能够构建知识要素之间的跨领域的深度关联和依赖,这些都是大规模知识图谱构建的关键依赖。一直是知识图谱大规模落地的关键难题之一,因为真实世界的信息高度碎片化、非结构化,大语言模型在处理信息抽取任务时仍因抽取内容与自然语言表述之间的巨大差异导致效果不佳,自然语言文本信息表达中因隐式、长距离上下文关联存在较多的歧义、多义、隐喻等,给知识抽取任务带来较大的挑战。

qq_32907491的博客 3197

HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

1、内部样式、外部样式、内联样式 内联方式:样式定义在单个的HTML元素中 CSS语法:只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值; 属性和属性值之间用:链接; 多对属性之间用;分号隔开 内部样式表:样式定义在HTML页的头元素中 样式表规则位于文档头中的<style>元素内:在文档的<head>元素内添加<style>元素 在<style>

itszt888的博客 2万+

ndnSIM学习笔记(一)

在接下来的一段时间要用ndnSIM来做自己的仿真网络,需要系统的学习相关内容,以下为内容记录。1.安装      1.1核心依赖(必需的)             • python &gt;= 2.6             • libsqlite3             • libcrypto++             • pkg-config             • Boost lib...

gaonjzzz的博客 2985

web前端——css(一篇教会网页制作)

web前端,css

2301_78341216的博客 3553

Windows11家庭版开启虚拟化与WSL安装操作手册

Windows 11 家庭版完全支持 WSL 2,无需升级到专业版即可享受 Linux 开发环境。通过本手册介绍的步骤,您可以顺利安装和配置 WSL,并掌握系统更新后的维护技巧。WSL 为开发者提供了在 Windows 环境下使用 Linux 工具链的便利,尤其适合需要跨平台开发的场景。随着使用深入,您会发现 WSL 生态系统的强大之处,它不仅能提高开发效率,还能让 Windows 用户体验到 Linux 的强大功能。建议定期查看微软官方文档,了解 WSL 的最新功能和最佳实践。

m0_54846764的博客 3017

025、空间降噪与时域降噪:噪声抑制与细节保留的平衡艺术

《降噪技术的平衡艺术:空间与时域降噪的协同优化》 本文深入探讨了图像处理中空间降噪与时域降噪的技术原理与工程实践。空间降噪通过像素级处理提升单帧质量,而时域降噪则利用帧间信息增强稳定性。文章揭示了两种方法在实际应用中的矛盾点:过度降噪会导致细节损失,影响后续算法性能。作者结合车载环视系统等实战案例,详细分享了参数调优经验,包括运动自适应策略、边缘保持技巧和嵌入式平台优化方案。特别强调降噪的最终目标应服务于下游算法需求,而非单纯追求图像美观。文章为工程人员提供了从理论到实践的完整指导,展现了降噪技术在效果与性

sundong_81的博客 186

web前端开发CSS01(css概述、css语法、三种css样式、选择器、css三大机制)

学习摘要,行内样式、内部样式、外部样式的区别,各种选择器的使用,还有important的使用!!!

qq_68510847的博客 1846

博途PLC S7-1200/1500 ModbusTcp通信SCL代码篇(轮询)

博途PLC MODBUS TCP的详细讲解和注意事项,可以参看下面这篇博文,这里不在赘述。这篇作为SCL代码篇主要给出SCL语言下的轮训写法和注意事项。博途PLC1200/1500PLC ModbusTcp通信(轮询处理)_RXXW_Dor的博客-优快云博客。............

RXXW_Dor的博客 8419

Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?

相信正在学习Web前端知识的小伙伴们都知道,学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript,那么这三个都是分别实现什么功能的呢?下面和小编一起来看看吧! 一、HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 二、CSS样式是表现 就像网页的外衣,比如:标题字体、颜色变化、为标题加入背景图片、边框等。 所有这些用来改...

qf2019的博客 3145

Windows Docker + RK3588 部署 YOLO26-Pose 人体姿态检测

YOLO26-Pose 在 RK3588 上的部署流程是 Windows Docker 容器内 ONNX 导出 → RKNN 转换(INT8 量化)→ ADB 推送 → 板端 C++ 推理。YOLO26n-Pose 在 640 输入下全链路约 55 FPS,可以覆盖实时姿态检测需求。先在板端用单张图片验证关键点输出正确性,确认 C++ 后处理的解析逻辑无误后,再切换到摄像头实时推理。

m0_64661770的博客 98

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

今日分享:web前端开发——CSS基础

什么是css基础?怎么去HTML中利用好它呢?新手小白必进、必学、必知道的知识点,快快点进来,看看你都会了吗?

2502_90923624的博客 375

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

Web前端开发入门:HTML、CSS与JavaScript基础教程

Web前端开发是构建现代网站和应用程序的核心技术,主要包含HTML、CSS和JavaScript三大基础。HTML负责网页结构搭建,通过语义化标签实现内容组织;CSS控制页面样式与布局,利用盒模型、Flex和Grid等技术实现响应式设计;JavaScript为网页添加交互逻辑,通过DOM操作实现动态内容更新。掌握这三项技术是成为前端开发者的必经之路,能够开发从简单网页到复杂Web应用的各种项目。随着移动互联网发展,响应式设计和跨平台适配已成为必备技能,而HTML5和CSS3的新特性进一步提升了开发效率和用户

weixin_29504571的博客 288

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

Web前端开发入门:HTML、CSS与JavaScript基础实践

Web前端开发是构建现代网站和应用程序的核心技术,主要涉及HTML、CSS和JavaScript三大基础语言。HTML负责网页内容结构,CSS控制视觉呈现,而JavaScript实现交互逻辑。掌握这些基础技术对于构建响应式、用户友好的界面至关重要。通过VS Code等现代开发工具和Chrome DevTools调试工具,开发者可以高效编写和调试代码。前端开发不仅适用于个人网站和博客,还广泛应用于电商平台、企业官网等场景。初学者应注重原生技术的学习,避免过早接触框架,以打下坚实的基础。

weixin_29535577的博客 219

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript

转载自品略图书馆http://www.pinlue.com/article/2019/09/2317/479661836322.html 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript,本文详细为你解答他们都是能实现哪些功能? 1HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2CSS样式是表现 就像网页的外衣,比如:标题字体、颜色变化、为标题加入背景图片、边框等。 所有这些用来改变内容...

yihuliunian的博客 1032

Web前端开发:css动画基础+JS基础

m0_49429361的博客 127

Web安全2.1:前端开发基础(HTML、CSS、JavaScript)

文章目录Web安全2.1:前端开发基础(HTML、CSS、JavaScript)1、HTML:2、CSS:3、JavaScript: Web安全2.1:前端开发基础(HTML、CSS、JavaScript) 通俗的讲:Web前端指的就是我们用浏览器看到的那部分内容,浏览器展示这些内容,用到了这3个东西:HTML、CSS、JavaScript 1、HTML: HTML是Hyper Text Mark...

LIHAO的博客 399

HTML+CSS3-》第1阶段:Web前端开发基础环境配置

Web前端-》HTML+CSS3-》第1阶段:Web前端开发基础环境配置 01大前端开发和全栈开发的定义 Web前端和全栈的定义     1:还原“活”的设计:设计稿-》ps-》HTML页面+效果         1、设计输出:PSD+标注         2、开发输出html(页面结构)+css(页面样式)+js(页面的行为)     2:传统前端

静静燃烧的雪的专栏 3796

3 css 奖品出现弹出动画_Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?...

相信正在学习Web前端知识的小伙伴们都知道,学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript,那么这三个都是分别实现什么功能的呢?下面和小编一起来看看吧!​一、HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。前端新手学习交流群,如果有想学习前端或者交流经验的都可以加入,一起互相学习交流:→→→点击我即可加入圈子二、CS...

weixin_39604350的博客 102

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言

1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2.CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3.JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可...

weixin_30808575的博客 195
上一篇: web前端CSS选择符:表示要定义样式的对象
下一篇: web前端培训学习目标和方向
QF_HTML5
博客等级 码龄9年 104粉丝 61原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值