一、css网页布局代码？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>块元素与行内元素</title>
<style>
p{ background-color:pink;}
span{ background-color:yellow;}
i{ background-color:#CFF;}
div{ background-color:#FFC;}
</style>
</head>
<body>
<p>p标记——块元素</p>
<span>span标记——行内元素</span>
<i>i标记——行内元素</i>
<div >div标记——块元素</div>
</body>
</html>
二、网页设计代码？
从美工图到网页的呈现，是需要代码去实现的。HTML、CSS以及JavaScript是网页实现的基本组成部分，可以认为是三种语言。HTML管的是网页的基本结构（比如不同模块如何放置，这种布局操作），CSS处理网页中的样式（如文字的颜色、段落的首行缩进等等），JavaScript管的是网页中的行为，比如你点击了向左向右的按钮，图片发生了滚动等。HTML和CSS不属于网页设计，更确切的说是网页制作。如果结合JavaScript，会被称为前端开发。另外，HTML5和CSS3的发展，为网页添加了很多新特性新功能，涉及这方面的被称为HTML5开发
三、网页代码制作？
网页代码是由一大堆的源代码组成，通过浏览器（或服务器）翻译成现在我们所看到的这个样子；
其动态源码包括ASP、PHP、JSP、.NET、CGI等，最大的特点就是能够和用户之间互动；
其静态源码包括HTML等；
其代码功能包括生成目标代码，即计算机可以识别的代码、代码组合；
其版权如果按照源代码类型区分软件，通常被分为两类：自由软件和非自由软件。
四、html+css网页设计软件？
html css可以用notepad++编写。
Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。
支持众多计算机程序语言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理, Caml, COBOL, Cmake, CSS等。
Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言: C、C++、Java、pascal、C#，XML、SQL、Ada、HTML、PHP、ASP,、AutoIt,、汇编,、DOS批处理、Caml、 COBOL、Cmake、CSS,D、Diff、
ActionScript、Fortran、Gui4Cli、Haskell、INNO、JSP、KIXtart、LISP、Lua、Make处理(Makefile)、Matlab、INI文件、MS-DOS Style、NSIS、Normal text、Objective-C、Pascal、Python、Javascript、Verilog、Haskell、InnoSetup、CMake、VHDL、Matlab。
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
五、html+css网页设计网页打不开？
建议在浏览器中查看，用chrome之类的，别用ie。另外你的问题不详细，最少应该截图吧。
六、DW网页制作代码？
html
dreamweaver制作的网页后台管理源代码方法：
1、首先打开Dreamweaver软件，新建站点和html文件，并保存。
2、然后打开想要借鉴的网站首页，比如“香奈儿中国官网”，然后右击网页选择”查看源“,查看网站主页的源代码。
3、然后切换Dreamweaver到代码页面，复制“香奈儿”主页想要套用的代码，粘贴到代码页。
4、修改替换你想要的内容，例如其中的“<title>香奈儿官方网站：时尚精品、香水、彩妆、腕表、高级珠宝</title>”中的文字
七、怎样学好网页设计与制作呢？
网页设计制作分成两个部分，设计和制作，这是两个大方向，很多人容易混在一起，设计是审美交互方面的事，制作是代码制作方面的事，通常上会设计的不会制作，会制作的不会设计，当然也有少数人两个都会。
网页设计部分
这个需要懂得一些基础设计知识，颜色搭配和网页交互常识。初学者可以去模仿总结那些优秀成熟的案例，总结别人的特点，从布局和色彩上去不断的总结，累积多了后，你的审美也会变高，自己也能总结出很多有用的东西。比如像下面这些案例图片，就可以多学习总结。
遇到舒适好看的排版样式，一定要多问问自己，为什么别人的排版设计会如此舒服好看，好奇才是设计师进步的原动力！如果你没有好奇心，建议还是不要学了，天花板太低。
一般来说，网页设计工具通常使用ps就够了，这个并没有特定答案。
给大家附上一些相关网页设计案例网站
Unlimited UI Kits, Icons, Templates, Themes and More还有色彩搭配网站Material Palette - Material Design Color Palette Generator还有色彩搭配网站
Material Palette - Material Design Color Palette Generator网页制作部分
这个其实属于代码实现部分，也就是程序小哥的工作，网页的制作工作通常叫web前端工程师，属于技术工种，需要掌握html,js,css知识，如果你是单独学前端网页制作，可以先跨过设计那一块，找已经设计好的作品，然后尝试自己把原型图做成实际网页，比如上面的案例，一开始只是psd原型图，还不是真实的网页，还需要把它们转成代码。
当然，人的精力是有限的。全部都学的话，花费的时间是真的多，现在网上有各种便捷工具，代码部分交给工具就好了，现在傻瓜式网页制作工具多了去了，我自己也经常使用，比如在https://unsplash.com/ 里找图，然后套在 vipcom.cc 超级单页里出网页，也就十多分钟的事。
八、如何查看网页的源代码（HTML代码和CSS代码）？
网页源代码如何查看或源文件怎么查看
第一种：打开一个网页后点击鼠标的 右键就会有"查看源文件"，操作 鼠标右键--->查看源文件 即可弹出一个记事本，而记事本内容就是此网页的html代码。
鼠标右键查看html网页源代码
可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。
源文件、源代码样式图
第二种：通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”，点击查看源代码即可查看此网页的源代码源文件。在微软IE下截图：
在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图：
查看别人网页的源代码可以为我们制作网页时候有帮助，以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。
九、网页设计与制作需要注意什么？
制作网站的第一就是首先你得设计整体框架，整体网页的排版，色彩搭配，后面再去用代码实现展现出来。现在我给大家分享一下我个人自己写的一份关于电影“大鱼海棠”介绍网页，话不多说、现在给大家展示一下我的整体布局以及色彩，对称等特点...
十、这个网页设计的代码？
网页设计是一个独立的工种岗位，属于界面设计的一种，截图部分的要求属于web前端开发技术范畴，web前端开发 也是一个工作岗位，如果有什么不明白的地方可以私聊我，大家一起交流交流！