
html+css网页制作
文章平均质量分 82
mind_programmonkey
好久没上线了~,有问题私信哈,每周末尽量抽时间回答问题哈
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS盒模型
CSS盒模型1.元素分类在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内敛元素(又叫行内元素)和内敛块状元素。常用的块状元素有:、、...、、、、、、 、常用的内敛元素有:、、、、、、、、、、常用的内敛块状元素有:、 2.元素分类---块级元素什么是块级元素?在HTML中,,,,和就是块级元素。设置display:block就是将元素显示为原创 2017-08-19 10:53:51 · 555 阅读 · 0 评论 -
css布局模型
css布局模型1、css布局模型布局模型与盒模型一样都是css最基本、最核心的概念。但布局模型是建立在盒模型基础之上,又不同于我们常说的css布局样式或css布局模板。如果说布局模型是本,那么css布局模板就是末了。css包含3种基本的布局模型,用英文概括为:Flow、Layer和Float。在网页中,元素有三种布局模型:(1)流动模型(flow)(2)浮动模型(float)(3)层模原创 2017-08-19 16:43:44 · 572 阅读 · 0 评论 -
css样式设置小技巧
css样式设置小技巧1.水平居中设置---行内元素在实际中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里又分两种情况:行内元素还是块状元素,块状元素里面又分为定宽块状元素,以及不定宽块状元素。这里先了解行内元素是怎么水平居中,如果被设置元素为文本、图片等行内元素,水平居中是通过给父元素设置text-align:center来实现的 2.原创 2017-08-19 19:10:53 · 439 阅读 · 0 评论 -
html、htm、shtml、shtm
htm、html、shtml网页区别首先htm、html、shtml都是静态网页的后缀,三者也可以说都是只是扩展名不同,其他一样,都是静态的网页。Htm和html是完全静态的网页不通过服务器编译解释直接送出给浏览器读取的静态网页,以Htm和html伪静态Request除外。html、htm、shtml、shtm均是静态html网页。都是网页文件后缀名不同的html网页扩展名。一、H原创 2017-07-28 09:49:13 · 981 阅读 · 0 评论 -
html的标签
一、标签的语法1.标签由英文尖括号括起来,如就是一个标签2.html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/.二、html基本结构 ... ...1.称为根标签,所有的网页标签都在中。2. 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、、、、 等标签。3. 在和标签之间的内容是网页的原创 2017-08-18 08:48:28 · 817 阅读 · 0 评论 -
div布局,css控制
Document div{ height: 300px; background-color: blue; } #main{ background-color: green; } #footer{ background-color: gray; } 1.httml中css的四种方法引入(1)行内式将ST原创 2017-07-28 17:04:00 · 608 阅读 · 0 评论 -
HTML中让段落自动空两格
这里可以使用到CSS的属性.box{ text-indent:2em;} 或者将你的文章“容器”样式中加上text-indent这个属性就可以了,下面看个例子:你的文章内容!好了,问题解决了。原创 2017-08-14 07:41:37 · 9395 阅读 · 0 评论 -
css的网页布局
一列布局: Document body{ margin: 0; padding: 0; } .top{ width: 800px; height: 100px; background: red; margin: 0 auto; } .main{ width: 800px; height: 400px; background:blue;原创 2017-09-04 17:48:37 · 414 阅读 · 0 评论 -
导航菜单的制作
导航菜单的制作1.垂直菜单的制作 Document *{ margin: 0; padding: 0; font-size: 14px; } ul{ list-style: none; width: 100px; } a{ text-decoration: none; display: block; height: 30px; li原创 2017-09-04 20:23:11 · 474 阅读 · 0 评论 -
利用html、css、javascript、php同时交互数据库制作的注册登录界面
图片如图:原创 2017-08-10 19:56:56 · 2763 阅读 · 0 评论 -
简单酷炫的网页登录界面
login.html: Login Login 登录 Login.css:html{ width: 100%; height: 100%; overflow: hid原创 2017-11-13 17:22:54 · 11952 阅读 · 3 评论 -
css格式化排版
css格式化排版1.文字排版---字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。如:body{font-family:"Microsoft Yahei";} 2.文字排版---字号、颜色可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):body{font-size:12px;color:#666} 3.原创 2017-08-19 09:22:21 · 515 阅读 · 0 评论 -
CSS的继承、层叠、特殊性和重要性
CSS的继承、层叠、特殊性和重要性1.CSS的继承css的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于后代。比如下面代码:某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签 。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。 2.C原创 2017-08-19 08:36:03 · 481 阅读 · 0 评论 -
盒模型之border实践--三角形
Document div{ width: 300px; height: 300px; background: blue; border: 50px dotted green; /*单独设置某个方向的边框*/ border-top: 10px solid orange; /*也可以单独设置边框的三要素之一,如形色*/ border-style: dashed;原创 2017-07-29 19:14:05 · 589 阅读 · 0 评论 -
块状元素与内敛元素
1.常见的块状元素与内联元素块状元素内联元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题原创 2017-07-30 08:33:21 · 688 阅读 · 0 评论 -
CSS控制段落和文字属性和背景
一、CSS控制段落: 段落缩进:text-indent:20px; 文字方向:text-align:center; 文字修饰:text-decoration:underline;下划线 overline;上划线 Line-though;删除线 字与字之间的距离:letter-spacing:10px; …原创 2017-07-30 15:28:03 · 1806 阅读 · 0 评论 -
Requests库的入门
1.cmd(管理员权限)--->pip install requests 2.Requests库的7个方法requests.request() 构造一个请求,支撑以下各方法的基础方法requests.get() 获取HTML网页的主要方法,对应于HTTP的GETrequests.head() 获取HTML网页头信息的方法,对应于HTTP的HEADrequest原创 2017-07-31 11:22:50 · 673 阅读 · 0 评论 -
简单的留言板网页
留言板 .add{ margin:0px auto; overflow: hidden; width: 600px; } .add textarea{ width: 99%; height: 100px; } .add .user{ float: left; } .add .btn{ float: right; } .msg{ width:原创 2017-08-07 16:20:48 · 4680 阅读 · 0 评论 -
HTML学习思维导图
原创 2017-08-01 14:53:52 · 823 阅读 · 0 评论 -
h标签与p标签
Document title1 title2 title3 title4 title5 title6 h1-h6系列 表示标题,字体越来越小 p表示段落,在新闻网站上,h与p经常一起出现,原创 2017-08-01 15:08:37 · 1229 阅读 · 0 评论 -
简单的动态网页设计及开发(关联数据库)
留言板网页源码:(1)db.php<?php //连接数据库 $mysqli=new mysqli("localhost","root","","web"); if($mysqli->connect_errno>0){ echo"连接错误"; echo $mysqli->connect_error; exit; } $mysqli->query("原创 2017-08-09 11:15:00 · 9629 阅读 · 2 评论 -
各大网站CSS初始化代码
雅虎工程师提供的CSS初始化示例代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; f原创 2017-08-02 16:27:04 · 673 阅读 · 0 评论 -
简析htnl、css、JavaScript之间的关系
1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户游览的信息,可以包含文字、图片、视频2.CSS样式是表现。就像网页的外衣。比如,标题字体,颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3.JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻的轮换。可以这么理解,有动画,有原创 2017-08-18 08:40:38 · 732 阅读 · 0 评论 -
CSS样式的基础知识
CSS样式的基础知识1.CSS的简介:CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTML内容在游览器的显示样式,如文本大小、颜色、字体加粗等。如下列代码:p{ font-size:12px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/原创 2017-08-19 07:26:59 · 837 阅读 · 0 评论 -
margin布局
Document #container{ width: 1002px; background:gray; } #header{ height: 120px; background: orange; } #main{ height: 600px; background: green; } #lside{ float: left; width: 700p原创 2017-07-29 18:20:03 · 629 阅读 · 0 评论