快乐就好ya-CSDN博客

原创 HTML定位网页元素

设置了positon属性时，z-index属性可以设置各元素之间的重叠高低关系。调整元素定位时重叠层的上下位置z-index属性值：整数，默认值为0。相对于自身，有四个属性 top right left bottm。相对于左上角，如果祖辈有相对定位或绝对定位，则是相对于祖辈。z-index值大的层位于其值小的层上方。一般不自己使用，结合绝对定位一起使用。static：默认值，没有定位。常见于一键回到顶部，导航栏不动。relative：相对定位。absolute：绝对定位。fixed：固定定位。

2024-09-11 09:43:22 300

原创 HTML浮动

none 使元素不被显示想被显示可以用display属性block或者inline让它显示。inline-block 行内块元素，可以设置宽高，也可以排在一行。inline 行内元素，元素内容决定宽度，无法设置宽高。block 块级元素，独占一行，可以改变宽高。还有overflow:scroll隐藏滚动条。使元素不依托于标准文档流，成为非标准文档流。其实和第一个机制基本一样，第四个更推荐。

2024-09-11 09:41:40 309

原创 HTML盒子模型

border-style(设置边框样式，一般只用两种，实线（solid)和虚线(dashed)border-radius: 20px 10px 50px 30px;主要使用的是（border-box),使内容被框起来，缩小内容，使原本的框大小不变。margin(上右下左)可以简写。padding-bottom下内边距。margin-bottom下外边距。margin-right右外边距。margin-left左外边距。padding-top上内边距。margin-top上外边距。

2024-09-11 09:38:27 227

原创 CSS美化网页元素

background: linear-gradient(方向,颜色……background:linear-gradient 背景颜色渐变。Chrome浏览器是Webkit内核, 加前缀: -webkit-Safari浏览器是Webkit内核, 加前缀: -webkit-Firefox浏览器是Mozilla内核, 加前缀: -moz-单词,十六进制, rgb, rgba(透明度从0-1)IE浏览器是Trident内核, 加前缀: -ms-Opera浏览器是Blink内核, 加前缀: -o-

2024-09-10 07:55:46 918 3

原创初识CSS3

first-child与first-of-type的区别是first-child是第一个子类元素first-of-type是指定类型的第一个元素。

2024-09-10 07:49:38 511

原创 HTML表单

file:文件域（必须在form标签中添加enctype="multipart/form-data"，一般上传头像都是用这个）提交路径（html页面无法直接向数据库提交，会提交到java)checkbox多选框（name名字必须一致，checked默认选择）radio单选框（name名字必须一致，checked默认选择）password密码框（输入的时候看不到输入内容）id相同，可以点击标注的文本来实现点击选项框的效果。表单标签，声明我要写一个表单。

2024-09-09 09:24:56 487

原创列表，表格和媒体元素

需要注意的是target的值和内联框架的name值应该相同，可以调节边框是隐藏，可以调节是否需要滚动条。dl声明无序列表，dt(define list title)定义标题，dd是写每一行内容，需要注意的是，dd会默认缩进。（能用到是因为在翻页的时候，最上面的部分不需要动，效果是居中加粗）常用的标签是,声明脚（这个一般用不到，统计总结的时候可能会用到）

2024-09-09 09:23:35 491