web
文章平均质量分 75
五彩大铁猿
学习中 还会不断更新
展开
-
Web开发初探:网页布局盒子模型
所有的HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用的。: 在自己本身的位置上脱离文档流,元素从包含框的左边缘向右移动,直到碰到包含框的右边缘或者其他浮动元素的框停下,当空间不足以绘制自己则另起一行。:在自己本身的位置上脱离文档流,元素从包含框的右边缘向左移动,直到碰到包含框的左边缘或者其他浮动元素框停下,当空间不足以绘制自己则另起一行。我们可以看到设置完padding(内边距)后,我们的hello就没有顶着格子,整体看起来也会舒服很多,这就是我们内边距的作用。.原创 2022-08-06 16:44:09 · 1909 阅读 · 0 评论 -
HTML中的组合选择器有哪些?
HTML中的组合选择器有后代选择器、子元素选择器、相邻兄弟选择器、多元素组合等,这边我们就对列出来的这些选择器进行讲解。其实通过标题我们就可以从表面看出大概,后代选择器针对后代;子元素选择器针对儿子;相邻兄弟选择器针对兄弟即相邻的下一位;多元素组合针对多种不同元素。这样了解过后,我们开始文章的详细讲解部分吧!...原创 2022-08-06 11:21:54 · 925 阅读 · 0 评论 -
CSS常用样式(id/class/元素选择器 用法)
元素选择器不用再做设定,直接引用文章中的元素做设置。在这边我们以input为例做个简单文本框背景颜色设定,代码如下。首先也是选着想要调整的文本框,定义class(我这边是随意定义了一下class="class_w")其次在里面将格式写出来,这边claa引用的话需要在前面加上英文格式的点(.)。其次在里面将格式写出来,这边id引用的话需要在前面加上#字符。首先我们在input这边设置一个id(id="ww")。......原创 2022-08-05 22:37:13 · 1908 阅读 · 0 评论 -
制作HTML表单(文本框设置对齐等)
上面我们做了个简易的中文版,可以发现我们的文字和文本框都没有对齐,所以接下来的进一步调整,就要做好这些问题。接下来那些表有稍作调整,我写了英文版了,代码如下。运行结果图: 我们可以看到通过可以将我们想要的信息归纳在一个大的类别里,在外观上更加好看,明了。)是不存在的,所以当我们点击完注册登入后,就会出现如下图的报错情况。运行后结果如下,对齐文本框后就显得更加规范些了。完整代码:(同样用了内联式,无需新建文档)...原创 2022-08-05 21:08:13 · 9352 阅读 · 5 评论 -
div网页布局(做一个简单网页界面为例)
做一个简易的网页,分为多个模块,背景设置为自己喜欢的图片。添些图片和文字链接跳转,整体排列居中。eg:在中添加这个代码才可进行CSS工具的使用。添加图片背景;透明度设置;模块大小位置设置;文字链接添加;如何添加各id的样式;...原创 2022-08-05 16:56:29 · 4916 阅读 · 0 评论 -
CSS三种样式表 内部样式表、行内部样式表、外部引用
无论是用内部还是外部都是一样的结果。我们通常都使用外部引用,因为随着代码的不断增加,内部样式表会让我们后期修改变得更加不便。使用外部CSS文件,所以在这边我们要新建一个.css文件,我这边给它重命名为text.css。直接在helloworld.html文件区域使用style元素来包含CSS。......原创 2022-07-31 23:57:29 · 5204 阅读 · 0 评论 -
区块元素、内联元素(<div>元素、span元素)
HTML区块元素: HTML内联元素: HTML元素 span元素 HTML 元素是块级元素,它可用于组合其他 HTML 元素的容器。 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与 CSS 一同使用, 元素可用于对大的内容块设置样式属性。...原创 2022-07-31 22:52:28 · 480 阅读 · 0 评论 -
HTML之 网页搭建 及 常用元素入门
1、HTML学习——VS Code环境搭建、创建第一个网页2、HTML标题:3、Html段落:4、超链接:5、基础图片显示:6、 HTML表格:7、HTML列表:总结原创 2022-07-31 17:28:45 · 792 阅读 · 0 评论