网页制作中如何控制DIV居中显示 CSS背景图片大小怎么调
在网页制作过程中，要让DIV元素居中其实超级简单！你只需要在HTML文件里，通常是像index.html这样的文件中，写点CSS代码就搞定了。具体操作步骤如下：
- 新建HTML文件，比如叫index.html。
- 在该文件的
<style>标签里，写入如下样式：
css body { text-align: center; background: url(small2.png); background-size: 60%; } - 保存后用浏览器打开，这样DIV就能居中显示了，而背景图片也按60%的大小来呈现，既美观又灵活。
说白了，这个方法就是把整个页面的文字和内联元素都居中了，背景图用background-size属性调整大小，简直棒极了！
页面颜色怎么填充 Dreamweaver中CSS的创建方法 网页设计中常用字体都有哪些
你可能还会好奇，页面颜色怎么填充呢？其实，CSS中有个超好用的属性叫background-color，用它可以轻松改变页面或某个元素的背景颜色。就拿一个简单例子来说，如果你想让网页背景变成蓝色，CSS写法是这样：
body {
background-color: blue;
}
是不是很简单？此外，CSS支持好多颜色设置方式，随便你挑，不管是纯色、渐变还是图片背景，随心所欲。
接下来聊聊Dreamweaver怎么建立CSS，特别适合用这款软件设计网页的新手们。操作也不难，步骤如下：
- 打开CSS设计器的“源”窗口，点击那个小“+”号。
- 这时你会看到好几种创建方式：
- 新建一个全新的CSS文件，所有样式从零开始写。
- 附加一个已有的CSS文件，直接用别人的样式很省事。
- 直接在HTML文件的<style>标签里写CSS样式，方便快捷。 - 你还可以通过点击“选择器”窗口的小“+”，挑选你要应用样式的HTML元素，轻松管理样式。
顺带一提，网页设计里常用的英文字体非常讲究，比如：
- Verdana, Geneva, sans-serif，专门为网上阅读打造，超级清晰易读。
- Georgia, serif，也是最常用的衬线字体，显得正式有格调。
- Times New Roman，大名鼎鼎的经典字体，几乎人人都认识。
- Trebuchet MS，另一款时髦好用的无衬线字体，活泼又不失稳重。
你写CSS时，像下面这样写字体家族就很nice：
font-family: Verdana, Geneva, sans-serif;
弄好字体，网页立马规格提升不少呢！
相关问题解答
-
DIV居中用CSS具体怎么写才最简单？
哦，这个超级简单啦！你只要在父元素里写text-align: center;，然后让你的小DIV是内联块级元素或者在行内显示，就能居中啦！当然，现代布局还可以用flexbox，那更酷更灵活，但是text-align绝对是初学者免不了的好帮手呢。 -
背景图片大小用background-size调整有没有常见坑？
嘿，说到background-size，咱们平时用cover或者contain还挺方便的，但如果写成百分比，像60%，图片可能会拉伸或者不均匀，要注意图片本身的比例哦！还有，别忘了background-repeat: no-repeat;，不然背景图可能循环出现，超级烦人！ -
为什么Dreamweaver里的CSS创建有多种方式？哪个更好用？
这嘛，其实就是给大家灵活选择空间啦！新建CSS文件让样式更清晰、易管理；附加已有CSS适合复用样式；页面内写样式则方便快速调试。至于哪个“最好”，看你的项目大小和需求啦，要么分开管理清爽，要么内联方便快捷，随你心情哦。 -
网页设计中挑选安全字体有什么小技巧吗？
哈哈，这个超重要！安全字体就是那些大多数电脑都自带的字体，确定用户能看到你想呈现的效果。选安全字体时，最好同时指定多款作为备选，比如font-family: Arial, Helvetica, sans-serif;这样。如果第一款没安装，浏览器会用后面替代，保证体验不卡壳，简单又靠谱！
发表评论