css细节很重要!

博主分享了在创建首个网站过程中遇到的CSS兼容性问题,特别是在不同浏览器中边框显示不一致的情况。通过调整CSS规则解决了问题,并强调了进行多浏览器兼容性测试的重要性。

消声匿迹这么久,我该说明一下忙啥了。从去年10月29号到现在,先后学习了HTML,CSS,PHP,MYSQL,CMS内容管理工具,一心为我的第一个web站点忙活。今年4月1日,我的网站就要上线了。www.tibetic.com—西藏家,做这个网站是因为当时打算今年暑假去西藏的,但是参加大赛计划可能又要泡汤了。

我一直使用Firefox作为主浏览器,当时没意识到css兼容性在不同浏览器的差距。直到前天从学校上机,用ie6一看,omg,不忍直视的赶脚扑面而来~

边框消失,png不支持等等问题...我当时以为是ie版本低,没太在意

今天下载下safari,chrome做兼容测试,发现也不显示边框,赶忙找到css文件查看

下面是各浏览器显示效果 chrome

firefox

safari


但是就是搞不懂拿错了,最后上w3cschool找到border的样式规则,发现border最小单位是1px....不能用小数,以迅雷不及掩耳盗铃之势修改后终于天下大同了

chrome

firefox

safari


以后再做网站时,一定要注意css在不同浏览器的显示效果保持一致,不能一直瞎忙,结果系统越大越难修改。


将代码中的 `cin` 和 `cout` 替换为 `scanf` 和 `printf`,需要依据变量类型和输入输出格式做相应调整。`cin` 用于输入,`cout` 用于输出;`scanf` 同样用于输入,`printf` 用于输出。`scanf` 和 `printf` 是 C 语言的函数,它们借助格式控制字符串来指定输入输出的格式。 以下是不同数据类型下替换的示例: #### 整数类型 ```cpp #include <iostream> int main() { int num; // 使用 cin 输入 // std::cin >> num; // 替换为 scanf 输入 scanf("%d", &num); // 使用 cout 输出 // std::cout << "输入的整数是: " << num << std::endl; // 替换为 printf 输出 printf("输入的整数是: %d\n", num); return 0; } ``` #### 浮点数类型 ```cpp #include <iostream> int main() { double fnum; // 使用 cin 输入 // std::cin >> fnum; // 替换为 scanf 输入 scanf("%lf", &fnum); // 使用 cout 输出 // std::cout << "输入的浮点数是: " << fnum << std::endl; // 替换为 printf 输出 printf("输入的浮点数是: %lf\n", fnum); return 0; } ``` #### 字符串类型 ```cpp #include <iostream> #include <cstring> int main() { char str[100]; // 使用 cin 输入 // std::cin >> str; // 替换为 scanf 输入 scanf("%s", str); // 使用 cout 输出 // std::cout << "输入的字符串是: " << str << std::endl; // 替换为 printf 输出 printf("输入的字符串是: %s\n", str); return 0; } ``` 需要注意,`scanf` 在输入操作时要留意格式,而 `cin` 则无需关注;`cout` 输出时无需指定格式,`printf` 则需要明确格式。例如,`cout` 默认不会输出六位小数,会自动忽略小数点后多余的 0,`printf` 函数打印浮点数时,小数点默认打印 6 位 [^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值