天涯论坛

 找回密码
 立即注册
搜索
查看: 93|回复: 4

HTML CSS整理笔记(路过不要错失,你没法记住的笔记,意见保藏)

[复制链接]

3105

主题

176

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098711
发表于 2024-6-29 13:47:34 | 显示全部楼层 |阅读模式

点击链接后退页面:

<a href="javascript:history.go(-1)">回到上一个网页</a>

——修改placeholder提示的样式:

1.除IE外通用写法

类名或标签名::placeholder {color: red;}

2.加兼容前缀写法

css超出一行表示省略号:

给定宽度(width:100px)、

超出隐匿(overflow:hidden)、

强制在同一行表示(white-space: nowrap)、

省略号(text-overflow:ellipsis)

——平常字体单位——

1.em

移动端常用的字体尺寸单位,相当于“倍”,例如设置当前的div的字体体积为1.5em,则当前的div的字体体积为:当前div继承的字体体积*1.5。但当div进行嵌套时,em始终按当前div继承的字体体积来缩放。

2.rem

r是root的意思,即相针对根节点html的font-size进行缩放,当有嵌套关系时,嵌套关系的元素的字体体积始终根据根节点的字体体积进行缩放。

3.vh

vh便是当前屏幕可见高度的1%,即 height:100vh == height:100%;

它的好处是当元素内容时候,设置height:100%该元素不会被撑开,

但设置height:100vh,该元素会被撑开屏幕高度一致。

4.vw

viewpoint width,视窗宽度,1vw = 视窗宽度的1%。

vw便是当前屏幕宽度的1%,

当设置width:100%,被设置元素的宽度是根据父元素的宽度来设置,

但100vw是相针对屏幕可见宽度来设置,因此显现50vw 比50%大的状况

这儿往下是归类整理

——1.HTML5基本——

5.在网页中,HTML决定结构和内容,CSS设定网页的表现样式,JavaScript掌控网页的行径

6.<!DOCTYPE html>必要位置于HTML文档第1行。

7.<meta>标签:用于方便浏览器解析或搜索引擎搜索,通常安置于<head>中,用"名叫作/值"方式:

(1)暗示文档内容类型、字符串编码信息 如:<meta charset="UTF-8">

(2)为搜索引擎定义重要词:

<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript">

(3)为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

(4)定义网页作者:

<meta name="author" content="Hege Refsnes">

(5)每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

8.字体样式标签:<strong>字体变粗、<em>字体倾斜

9.注释 <!--内容-->

10.特殊符号:空格&nbsp; >大于号&gt; <少于号&lt; "引号&quot; 版权符号&copy;

片格式:JPG、GIF、PNG、BMP

12.照片标签,必要要有src和alt属性:

<img src="照片位置" alt="照片的替代文字" title="鼠标悬停提示文字" width="照片宽度" height="照片高度" />

13.超链接标签(target指定在哪个窗口打开 值有_self自己窗口、_blank新建窗口)

<a href="链接位置" target="目的打开窗口位置">附连接的文本或图像</a>

14.链接位置

(1)绝对路径(指向目的位置的完整描述 多指向本站点外的文件

如<a href="百度一下,你就晓得">百度</a>)、

(2)相对路径(通常指向本站点内的文件,如<a href="login/





上一篇:编程入门:来认识HTML和CSS
下一篇:HTML/CSS 入门
回复

使用道具 举报

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139060
发表于 2024-9-28 07:44:44 | 显示全部楼层
楼主的文章深得我心,表示由衷的感谢!
回复

使用道具 举报

3136

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968632
发表于 2024-9-30 11:06:13 | 显示全部楼层
百度seo优化论坛 http://www.fok120.com/
回复

使用道具 举报

3069

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158935
发表于 2024-10-24 09:22:59 | 显示全部楼层
可以发布外链的网站 http://www.fok120.com/
回复

使用道具 举报

3088

主题

2万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098774
发表于 2024-11-9 20:53:51 | 显示全部楼层
楼主发的这篇帖子,我觉得非常有道理。
回复

使用道具 举报

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

本版积分规则

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

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

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.