前端
文章平均质量分 80
前端最基本知识
「已注销」
这个作者很懒,什么都没留下…
展开
-
元素定位基础
1.定位模式选择器:{position:属性值;}值 描述 static 静态定位(默认定位方式) relative 相对定位,相对于其原文档流的位置进行定位 absolute 绝对定位,相对于其上一个已经定位的元素进行定位 fixed 固定定位,相对于浏览器窗口进行定位 2.边偏移边偏移属性 描述 top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom 顶端偏移量,定义元素相对于其父元素下边线的距离原创 2021-10-27 11:46:09 · 221 阅读 · 0 评论 -
浮动与定位
一、元素的浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中,所以它不占据空间,实际上覆盖住了框 2,使框 2 从视图中消失。如果把所有三个框都向左移动,那么框 1 向左浮动直到碰到包含框,另外两个框向左浮动直到碰到前一个浮动框。如下图所示,如果包含框太窄,无法容纳水平排列的三个浮动元素,那么其它浮动块向下移动,直..原创 2021-10-25 13:32:21 · 153 阅读 · 0 评论 -
CSS盒子模型
目录一、盒子模型概述二、 盒子模型相关属性1.边框样式2.边框宽度3.边框颜色4.综合设置边框5.圆角边框6.图片边框二、边距属性:1.内边距2.外边距三、box-shadow属性三、box-sizing属性一、盒子模型概述<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob...原创 2021-10-24 22:38:45 · 546 阅读 · 0 评论 -
CSS选择器
目录一、属性选择器1 .E[att^=value]属性选择器2 .E[att$ = value]属性选择器3.E[att*=value] 属性选择器二、关系选择器1.子代选择器2.兄弟选择器三、结构化伪类选择器1 :root选择器2 :not选择器3:only-child选择器4 first-child和last-child5 nth-child和nth-last-child选择器6 nth-last-of-type...原创 2021-10-24 17:59:39 · 2423 阅读 · 0 评论 -
CSS基本用法
一、CSS简单内容1)三种CSS样式1.行内CSS样式<!--使用标记的style属性,在行内写css样式--><h2 style="color:#F36 ;font-size:14px">使用CSS修饰二级标题的大小和颜色</h2>2.内嵌式CSS<style type="text/css"> h2{ text-align:center; } p{ font-size:16px; color:#3F0; text原创 2021-10-24 17:40:52 · 2524 阅读 · 0 评论 -
HTML用法
一、简单内容1.我的第一个HTML界面<!-- 1、这是HTML的注释 2、加上以下代码的第一行就表示HTML5语法。去掉就表示HTML4.0 3、HTML不区分大小写,语法松散不严格。--><!doctype html><html> <head> <title>网页的标题</title> </head> <body> 网页的主体内容,欢迎学习HTML! </原创 2021-10-24 17:12:14 · 108 阅读 · 0 评论 -
AJAX使用
一、AJAX 简介1.1 ajax是实现局部刷新的二、xMLHttpRequest异步对象原创 2021-10-15 23:12:14 · 80 阅读 · 0 评论 -
Jquery
引出 模拟: $是函数名 例子<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script type="text/javascript">//自定义方法 function $(domId){ var obj=document.getELementById(domId); return obj ...原创 2021-10-16 16:24:38 · 269 阅读 · 0 评论