- 博客(16)
- 收藏
- 关注
RSS订阅原创 定位模式与边偏移
固定版心右侧位置小算法：让固定定位的盒子left：50%，走到浏览器可视区一半位置。垂直居中小算法：top：50%，走父容器高度一半位置，margin负值往上走自己盒子高度一半（margin-top：负值；元素移动位置时，是相对于它原来的位置来移动的，原来的标准流位置继续保留。（静态定位就是标准流，具有标准流的所有特性）默认定位方式，无定位的意思。是元素于固定于浏览器可视区的位置（可以在浏览器页面滚动时元素的位置不变） 例 选择器 {position：fixed}是定位的盒子移动的最终位置。
2023-08-30 17:01:44
54
原创 CSS浮动
1.额外标签法也称隔墙法，是W3C推荐的做法：会在浮动元素末尾添加一个空标签。1.先用标准流的父元素排列上下位置，之后内部子元素采取浮动左右位置2.浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流。浮动元素经常和标准流父级搭配使用：先用标准流的氟元素排列上下位置，之后内部子元素采取浮动排列左右位置，符合网页布局第一准则。}，left：清除左侧浮动的影响；2.浮动的元素会一行内显示并且元素的顶部对齐3.浮动的元素会具有行内块元素。浮动和标准流的父盒子搭配，一个元素浮动，其余元素也浮动。
2023-08-28 12:32:55
36
1
原创 CSS盒子模型
水平阴影的位置 ， 垂直阴影的位置， 模糊距离 ，阴影尺寸 ，颜色，外部阴影（outset）改为内部阴影。嵌套块元素垂直外边距塌陷解决方案：1.可以为父元素定义边框2.可以为父元素定义内边距3.可以为父元素添加overflow:hidden。4.padding：5px 10px 20px 30px 四个值代表上是5，右是10，下是20，左30.顺时针。内边距：padding，属性left左内边距；外边距：margin，属性left左外边距；清除内外边距：*{margin：0；
2023-08-14 16:42:24
16
原创 CSS的背景
背景平铺：background-repeat：repeat (平铺）|no-repeat 不平铺）| repeat-x （沿着X轴横向）| repear-y（沿着Y轴纵向）参数是混合单位：如果指定的两个值是准确单位和方位名词混合使用，第一个值是X，第二个是Y坐标。背景色半透明：background：rgba（0，0，0，0.3）；背景图像固定：background-attachment：scroll（默认值，随对象内容滚动）|fixed（固定的）参数是精确单位：第一个一定是X坐标，第二个是Y坐标。
2023-07-26 12:44:28
27
1
原创 前端（HTML和css）基础
1.有些相邻行内元素在一行上，一行可以显示多个2.高，宽直接设置是无效的3.默认宽度是本身内容的宽度4.行内元素只能容纳文本或其他行内元素。：h1~h6,p,div,ul等div标签是最典型的块元素（文字类的元素内不能使用块级元素。：1.和相邻行内元素（行内块）在一行上，他们中间会有空白，一行可以显示多个（行内元素特点）2.默认宽度是本身内容的宽度（行内元素提点）3.高，宽，内外边距都可以控制（块级元素提点）：在行内元素中有几个特殊标签img,input,td,他们同时具有块元素和行内元素的特点。
2023-07-18 06:30:00
18
原创 CSS复合选择器
可以选择多组标签，同时为他们定义相同的样式（通常用于集体声明）。比如：元素1，元素2{声明}（并集选择器竖着写，最后一个选择器不用加逗号）：focus伪类选择器：用于选取获得光标的表单元素。链接伪类选择器：（A，链接标签需要单独指定样式）按LVHA的顺序声明：link,:visited,:hover,:active.：可以选择父元素里面的子元素；语法：元素1 空格 元素2{样式声明}（选择元素1里面的所有元素2）a:active:选择活动链接（鼠标按下未弹起的链接）：语法：元素1>元素2{样式}
2023-07-16 16:28:07
17
原创 Emmet语法快速生成HTML标签和CSS复合选择器
3.并集选择器：可以选择多组标签，同时为他们定义相同的样式（通常用于集体声明）。通过英文逗号连接而成。比如：元素1，元素2{声明}（并集选择器竖着写，最后一个选择器不用加逗号）链接伪类选择器：（A，链接标签需要单独指定样式）按LVHA的顺序声明：link,:visited,:hover,:active.1.后代选择器（包含选择器）：可以选择父元素里面的子元素；语法：元素1 空格 元素2{样式声明}（选择元素1里面的所有元素2）1.想要生成多个标签，加上*就可以了，比如：p*4 就可以生成3个P标签。
2023-06-30 08:36:33
113
原创 CSS层叠样式表
字体复合属性：简写（font：font-style font-weight font-size/line-height font-family）【 font-size和font-family不可省略】类选择器：样式点定义，结构类（class）调用 ，一个或多个，开发最常用），不用纯数字，中文命名（多类名使用方式,中间必须用空格隔开<div class="red font20"></div>），id选择器 ：通过#定义，（样式#定义，结构id调用，只能调用一次，别人切勿使用）CSS:层叠样式表；
2023-06-26 14:12:40
62
原创 表格，列表，表单（标签）
select><option></option></select>下拉表单元素;<dt></dt>：定义项目/名字和<dd></dd>描述每一个项目/名字一起使用。例：<input type="" value="请输入用户名">。<thead></thead>标签表格的头部区域：用于定义表格的头部，内部必须有tr标签。包含表单元素的区域：<form></form>会把它范围内的表单元素信息提交给服务器。<tbody></tbody>标签表格的主体区域：用于定义表格的主体，用于放数据本体。
2023-06-16 16:57:27
65
原创 web基础笔记
第二</a>，找到目标位置标签，里面添加id属性=刚才的名字，如<h3 id="..."> </h3><a href="http://www.baidu.com"><img src="img.jpg"></a>十四、<img src="图像URL"/>图像标签:定义HTML页面中的图像，1.属性写在标签名后面2.属性与属性之 间要有空格分开3.属性采用值对的格式，即属性=“属性值”例：<a href="压缩包名称">下载文件
2023-06-14 12:55:40
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人