天涯论坛

 找回密码
 立即注册
搜索
查看: 65|回复: 3

css基本概念(语法和border调试法)

[复制链接]

2996

主题

182

回帖

9920万

积分

论坛元老

Rank: 8Rank: 8

积分
99209276
发表于 2024-6-30 10:54:11 | 显示全部楼层 |阅读模式

css(层叠样式表):日前运用最广泛的版本为css2.1版本。

层叠样式表:样式层叠,选取器层叠,文件层叠(使css更加灵活)

css语法:

语法1

选取器{ 属性名;属性值; /* 注释 */ }

重视点:

所有的符号都应该是英文的。必定要严格的区分体积写。任何问题写错了,都不会报错。(调试大法,常用的有border调试法。)

语法2 at语法

@charest "UTF-8"; @import url (2.css); @media (min-width:100px) and (max-width:200px){ 语法一 } ;

重视点:

charest "UTF-8";声明字符编码。必要放在第1行import url (2.css) 告诉css引用一个外边样式第三句为媒介查找。两个@之间必定要用;隔离。

语法调试

W3c css validator (不意见运用)vscode 颜色提醒webstorm 颜色提醒(可靠运用研发工具border调试大法

border调试大法

过程

可疑哪一个元素有问题就给这个元素加border。

border效果未显现,则暗示这个选取语法有错误。

border显现,则确认边界是不是符合预期。

代码以及展示模式:

图1:错误的代码
图2:border调试大法测试选取是不是错误,显现选取错。
图3:border调试法测试字体颜色未显现,则表率字体颜色显现错误。
图4:调试成功




上一篇:CSS知识总结
下一篇:HTML、CSS选取题
回复

使用道具 举报

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139060
发表于 2024-11-5 04:39:26 | 显示全部楼层
谷歌外链发布 http://www.fok120.com/
回复

使用道具 举报

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139060
发表于 2024-11-6 00:11:39 | 显示全部楼层
我完全同意你的看法,期待我们能深入探讨这个问题。
回复

使用道具 举报

2993

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109206
发表于 2024-11-8 03:14:03 | 显示全部楼层
“BS”(鄙视的缩写)‌
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 17:23 , Processed in 0.110983 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.