Dreamweaver中设置网页背景颜色和背景图片

背景颜色和图片用CSS设置。

body{background-color:f0f0f0; background-image:url('path/to/image.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
代码视图直接改CSS。

设计视图右键点"页面属性"也能改,但功能少。

图片别太大,1 9 2 0px宽比较全屏。

用WebP格式压缩图片。

IE8 以下不支持background-size,要加前缀或备用方案。

background-size:cover会裁剪图片,contain会留白。

背景图加载慢影响速度,可用CDN或loading=lazy。

背景图复杂加个半透明遮罩层,提高文字可读性。

图片显示不全检查background-size,contain完整但留白。

图片加载失败要有备用颜色。

移动端用媒体查询改背景图和大小。

直接写CSS代码控制最准。

用Git管理CSS文件。

在DW中如何改变CSS中的字体大小和颜色?

哎,这事儿我当年在杭州做项目时碰到过。
那时候刚上手HBuilder,老实说,头几次真有点懵。

1 . 双击打开HBuilder工具,新建一个HTML5 静态页面模板。
这个操作我每年帮新人带的时候都得教好几遍,还是得手把手来。

2 . 在<body></body>标签内,插入一个
标签,并设置对应的ID属性和内容。
我记得当时给那个div起名叫content-box,内容就是“这是测试文本”。

3 . 在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。
这个vmin啊,我当时对着网上的教程试的,说是视口的最小尺寸的一个百分比,挺有意思的。

4 . 保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。
这个效果还真明显,当时我还跟同事说,这玩意儿挺适合响应式设计的。

5 . 将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。
改完之后,文字大小又变了,这次比vmin大。
这个vmax啊,我当时也查了,是视口最大尺寸的一个百分比。

总的来说,这玩意儿挺有意思的,用好了确实能省不少事儿。
不过,当年我也踩坑了,有时候vmin和vmax用混了,效果就特别奇怪,得反复调试。

html字体颜色怎么变成黑色

说白了,在HTML里给文字设成黑色有四种方法,但就推荐两种——CSS和内联样式,其他两种要么过时要么不推荐。

先说最重要的,用CSS的color属性控制颜色最规范,特别是你要批量改或者全站统一用黑色时。
去年我们跑那个电商平台项目,全站5 000多页都靠CSS类控制文字颜色,改起来比改内联快1 00倍。
另外一点,十六进制000000这玩意儿虽然精确,但真没必要,除非你要调个特别偏的颜色。
还有个细节挺关键的,用CSS类名(比如.text-black)而不是直接写color:black,这样代码一看就懂,后期改也方便。

我一开始也以为直接用内联样式最快,后来发现不对——某个按钮突然要加粗或者斜体,内联样式得改两行,CSS类名改一行就够了。
等等,还有个事,背景对比度千万别忽视,去年有个客户投诉黑色文字在深灰色背景上看不清,结果发现是设计没考虑到。

建议优先用CSS类,内联样式就偶尔应急用。
不过话说回来,要是就改一个字,内联样式确实省事。

html颜色代码

哎,说起这HTML颜色代码,那可真是五花八门,我就举个例子,2 02 2 年,我在某个城市,有个项目要做,当时就犯愁了,怎么给页面上的按钮找个好颜色。
一开始啊,我用了十六进制表示法,格式那叫一个复杂,RRGGBB,这RR、GG、BB都是十六进制数,从000000到ffffff,我当时也懵,后来才反应过来,精简写法就方便多了,比如000到fff,浏览器就会自动帮你扩展。
然后我试了试,ff0000,咦,这红色还挺正的。

再后来,我发现还有颜色名表示法,直接写个red、green、blue、gray,这简单啊,颜色名一写,color:gray;,文本颜色就变成了灰色。

RGB表示法我也试试,格式是rgb(R,G,B),R、G、B分别是红、绿、蓝三原色的强度值,从0到2 5 5 ,还有百分比形式,rgb(R%,G%,B%),这更方便调整颜色强度。

那还有选颜色的小技巧,比如颜色对照表,我就是在搜索引擎里搜“HTML颜色代码色彩表”,找到了很多网站,直接查颜色代码和颜色对照。
还有HTML5 选色器,在支持HTML5 的浏览器里,直接用内置的选色器选择颜色,挺方便的。

最后呢,我还用了个取色器工具,或者说是浏览器的取色插件,点一下屏幕上的任意位置,颜色值就出来了,这玩意儿真是方便。
现在想想,当时为了找个颜色,我可是费了不少劲呢。