css网页设计代码作业（div+css网页设计作业）
本文目录一览：
按要求,用div,p等标签元素制作如图所示的网页,写出关键html代码?
1、打开编辑器，新建test.html，用于学习今天的内容。接下来需要在head标签下方引入jquery.min.js插件。在页面的body标签里，新建一个p，名称为test。在body标签下方写上script/script，用来存放js代码。
2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：按crtl+s，在软件的右侧即可看到最终的效果。
3、打开html开发工具，新建一个html代码页面。
4、HTML属性HTML元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签 制作简单的网页将的网页代码输入到记事本中即可，如果想加入表格，则输入代码段即可。
5、首先我们需要在桌面上，新建一张记事本 然后我们需要打开记事本，编写代码 然后我们需要把记事本修改后缀名为.html 然后我们需要在桌面上就会有一张网页，这一点很重要。
6、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。单击“另存为”的功能选项，显示默认保存为编码为ANSI。我们将更改编码和文件名，将其更改为如图所示的图像并保存。
网页CSS代码
OOCSS（面向对象的CSS）OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
css3网页灰色代码如下。html{。filter：grayscale（100%）。-webkit-filter：grayscale（100%）。-moz-filter：grayscale（100%）。-ms-filter：grayscale（100%）。-o-filter：grayscale（100%）。
行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。我是行内样式嵌入式嵌入式是将CSS样式集中写在网页的标签对的中。
JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存，扩展名为.JSJS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。
要查看一个网站使用了什么css代码，可以右键点击网站空，选择查看源代码。一般来说，引入css代码有三种形式。
CSS添加背景图片 css代码添加背景图片：背景色：背景色 语法：{background-color：数值} 注意：在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中。
网页设计css盒子模型代码
1、Margin（外边距） - 清除边框外的区域，外边距是透明的。Border（边框） - 围绕在内边距和内容外的边框。Padding（内边距） - 清除内容周围的区域，内边距是透明的。Content（内容） - 盒子的内容，显示文本和图像。
2、标准盒子模型（Standard Box Model）标准盒子模型是CSS的默认盒子模型。在标准盒子模型中，一个元素的总宽度（width）和总高度（height）由内容区域（content）、内边距（padding）、边框（border）组成。
3、CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。
4、box-sizing（盒子模型）：控制元素的盒子模型计算方式。可以设置为 content-box（默认，宽度和高度不包括边框和内边距）或 border-box（宽度和高度包括边框和内边距）。 display（显示方式）：控制元素的显示方式。
5、标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
怎样用div+css制作一个登录页面
1、方法/步骤 01 div 所谓div标签我们可以理解为一个盒子。
2、在“分类”列表框中选择“方框”选项。在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。单击“确定”按钮。
3、设置属性 在“分类”列表框中选择“方框”选项。在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。单击“确定”按钮。
4、如果你默认显示的是快捷登录界面，点下“账号密码登录”之后才显示图上的内容，那么就不需要改第二处的样式了，给账号密码登录这里添加一个超链接，然后把你朋友写的那个方法给这个超链接用就好了。
5、总结：DIV+CSS相比TABLE有根多的优势，网页设计师应该及早摒弃TABLE方式，这样更有利于督促自己深入学习DIV+CSS知识。学习并使用DIV+CSS的网页设计方式并不难，只要了解一些基础知识，然后多做几个案例就能逐渐理解掌握。
