天涯论坛

 找回密码
 立即注册
搜索
查看: 106|回复: 1

带你1星期入门html+css(一)html入门基本丨

[复制链接]

3027

主题

210

回帖

9777万

积分

论坛元老

Rank: 8Rank: 8

积分
97779022
发表于 2024-6-29 14:15:28 | 显示全部楼层 |阅读模式
【摘要】 相信大众应该都听过说:Java、http://Asp.net、Php、Python、C、C++、C#、网站前端,网页设计等这些技术,然则可能你不晓得,这些技术都必须把握两个基本的技术—html+css。

接下来我将带领大众一块,在1星期的时间内,容易搞定这两个技术。

(一)html入门基本

认识什么是HTML、 标记的语法、 常用的HTML标记的应用、网页基本骨架标记、meta元标记、列表标记、表格的应用、超链接标记等

(二)初识CSS

什么是CSS、CSS怎样运用与书写、文字三属性、实体化属性、新标签、表示模式、选取器、选取器权重等

(三)CSS进阶之常用属性

复合选取器、注释、border、css属性层叠与继承、bac公斤round、文字修饰属性与行高、伪类等

(四)CSS进阶之盒子模型与文档流

盒子模型、盒子准备、属性整理、标准流文档流、浮动、布局、定位等

(五)CSS进阶之切图

切图、滑动门、照片精灵、banner图制作、导航等

(六)CSS进阶之兼容性与滤镜

平常兼容性问题及处理、滤镜效果等

(七)平常布局及定位运用

等高布局、圣杯布局、固定定位、右下角的弹窗宣传、对联宣传、导航跟随、返回顶部等

下面咱们起始第1天的学习,~follow me~

1.基本知识介绍

前端工具(vscode/sublime/EditPlus/Dreamweaver/Photoshop/Fireworks等)

日前的话小花喜欢用下面这些,仅供参考哦:

编码的话用EditPlus和HBuilder,vscode

切图当然要ps啦,其他协作工具如蓝湖是很赞的

最最头痛的ie兼容性测试就IETester+install-debugbar哦

浏览器 谷歌 火狐 ie 360 Opera safari

代码的功效

将之前设计过的照片用代码实现出一个拥有实质功能的页面(html页面),供所有互联网用户正常拜访

浏览网页过程机制:

本地浏览器向远程服务器发送请求数据,服务器返回数据给浏览器的过程

打开浏览器菜单栏 --工具 --Internet选项

找到常规–浏览历史记录–设置–查看文件夹–弹出的文件夹即为浏览器的缓存文件夹

web前端技术:

Web前端技术指的并不是某一项技术,是一系列技术的集合,重点包含

1、结构标准 – html – 功效:页面结构的搭建(骨骼的搭建)

2、样式标准 – css – 功效:页面样式的搭建,外观、美化功效

3、行径标准 – JavaScript – 功效:负责页面的行径、动作

能够理解为做前端好比盖房子~ html充当了房子结构是房子的基本。 css呢,就好比





上一篇:相关HTML、CSS和Javascript基本指南
下一篇:纯CSS实现轮播图
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-8 22:32:43 | 显示全部楼层
我完全同意你的观点,说得太对了。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 18:15 , Processed in 0.219218 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.