html,css,js基础知识
文章平均质量分 70
html,css,js基础知识
半浮名
前端,后端学习小白
展开
-
js复习:获取元素的方式2:通过获取子元素或者父元素:节点来获取元素
通过获取子元素或者父元素:节点来获取元素1.元素的节点是什么?1.元素的节点是什么?元素:的父元素:称为 这个元素的父节点//离元素最近的父级节点的子元素:称为这个元素的子节点 //离元素最近的子级节点元素父节点 parentNode离元素最近的父级节点(亲爸爸)元素子节点:children<div> <ul> <li></li> <li></li> <li&原创 2021-11-09 20:13:19 · 181 阅读 · 0 评论 -
js复习:获取元素的方式通过html标签,classs选择器,id属性。document.querySelector,document.getElementsByClassName
获取元素的方式1.如何获取dom中的元素?2.第二个获取元素语法:总结:1.如何获取dom中的元素?1.获取它的class 标签/或者标签元素<div class="one"></div>获取这个元素可以:var er=document.querySelector(".one");// class标签格式:.class也可以:var div=document.querySelector(“div”);//直接获取html元素写可以用单引号吗var er=doc原创 2021-11-09 19:24:26 · 1279 阅读 · 0 评论 -
js复习:函数,js事件, 日期new Date()
js复习:1.JavaScript 函数1.JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。JavaScript 函数语法JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。函数返回当 JavaScript 到达 return 语句,函数将停止执行。如果函数被某条语句调用,JavaScript 将在调用语句之后“返回”执行代码。原创 2021-11-09 19:24:01 · 707 阅读 · 0 评论 -
js复习:输出语句,js要不要写标点符号,let ,const(常量),JavaScript 数组,JavaScript 对象
js复习使用 console.log() 写入浏览器控制台 //控制台输出原创 2021-11-09 08:48:38 · 400 阅读 · 2 评论 -
Css复习:text文本设置
text文本设置1.网页会有许多文字,位置居中,居左,大小如何设置?1.网页会有许多文字,位置居中,居左,大小如何设置?文本颜色color 属性用于设置文本的颜色。颜色由以下值指定:文本对齐text-align 属性用于设置文本的水平对齐方式。文本可以左对齐或右对齐,或居中对齐。color: red; 字体颜色text-align: center; 位置居中text-align: right; 位置居右text-align: left;代码:<!DOCTY原创 2021-11-08 23:41:26 · 490 阅读 · 0 评论 -
CSS复习:渐变,opacity,透明度
CSS CSS 渐变1.CSS 渐变1.CSS 渐变background-image:linear-gradient();使您可以显示两种或多种指定颜色之间的平滑过渡。CSS 定义了两种渐变类型:线性渐变(向下/向上/向左/向右/对角线)径向渐变(由其中心定义)线性渐变 - 从上到下(默认)下面的例子显示了从顶部开始的线性渐变。它从红色开始,过渡到黄色:background-image:linear-gradient(red,yellow);代码:<!DOCTYPE html&g原创 2021-11-08 23:41:39 · 1571 阅读 · 0 评论 -
Css属性:border边框,设置圆角,border-radius
border边框1.CSS border 属性1.CSS border 属性允许您指定元素边框的样式、宽度和颜色。solid - 定义实线边框dashed - 定义虚线边框border 属性是以下各个边框属性的简写属性:border-widthborder-style(必需)border-color<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2021-11-08 23:40:56 · 23983 阅读 · 0 评论 -
html,css中:规范命名css选择器
规范命名css选择器规范命名1.为什么要规范css选择器命名?2.css选择器命名1.为什么要规范css选择器命名?由上到下,如果不规范css选择器命名,就会混乱,而且写代码速度慢很的。写代码时,心理:想清楚它应该命名什么,另一个又应该命名什么2.css选择器命名wrapper 页面外围控制整体布局宽度#container或#content 容器,用于最外层layout 布局head, header原创 2021-11-08 18:25:10 · 221 阅读 · 0 评论 -
Css复习:伪元素:nth:child,padding内边距
伪元素:nth:child1.nth-child():1.nth-child():nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。li:nth-child(1):li的父亲元素是ul,ul的第一个子元素是第一个lili:nth-child(2):li的父亲元素是ul,ul的第二个子元素是第二个li**可以选择元素的子元素,修改子元素的样式如ul有很多个li要插入背景图例子:<!DOCTYPE html><html lang="en"&原创 2021-11-08 18:24:03 · 615 阅读 · 0 评论 -
写网页如何写的快一些(html,css,js)
写网页如何写的快一些1.打草稿:草稿内容2.增加写代码的速度?1.比如:你要做一个轮播图或者一个网页,首页,淘宝页面,或者其他项目,如何加快写代码?(联想)1.打草稿:草稿内容效果图: 看的html结构 div(div (ul) div ),css选择器:命名也要写css选择器的:属性也需要写一些:(顺序)多个元素有相同属性:放在一起一个元素属性顺序:大小: width、 height:宽,高有无定位:position ,设置了,要不要 left,top原创 2021-11-08 16:49:38 · 273 阅读 · 0 评论 -
js复习:移动元素offsetLeft,offsetTop,10%,30%, left
移动元素1.我们怎么移动元素?1.我们怎么移动元素?1.给元素绝对定位 ,有left和right.原创 2021-11-08 08:02:56 · 1303 阅读 · 0 评论 -
CSS复习:伪元素::before,::after,:hover
伪元素1.什么是伪元素?1.什么是伪元素?CSS 伪元素用于设置元素指定部分的样式。例如,它可用于:设置元素的首字母、首行的样式在元素的内容之前或之后插入内容::before 伪元素可用于在元素内容之前插入一些内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="原创 2021-11-08 08:09:41 · 1090 阅读 · 0 评论 -
css复习:,CSS 阴影,外边距
css复习:1.opacity 属性2.CSS 阴影效果:3.CSS margin 属性:外边距1.opacity 属性指定元素的不透明度/透明度。值:0~1之间给一个父元素加:这个属性,那它的子元素也会跟父元素一样有这个属性区别:rgba也可以设置透明度如果您不希望对子元素应用不透明度,请使用 RGBA 颜色值。background-color: rgba(255, 255, 255, 0.2);可以应用:图片:加透明度,看起来半透明加了opacity: 0.5;<!DOCT原创 2021-11-07 19:51:24 · 241 阅读 · 0 评论 -
css复习:Overfrow属性,100%,300%,很多个子元素在父元素中横行展开
Overfrow属性1.css中Overfrow属性是什么?1.css中Overfrow属性是什么?属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。overflow 属性可设置以下值:visible - 默认。溢出没有被剪裁。内容在元素框外渲染hidden - 溢出被剪裁,其余内容将不可见scroll - 溢出被剪裁,同时添加滚动条以查看其余内容auto - 与 scroll 类似,但仅在必要时添加滚动条.例子:轮播图实现:在一盒子:放入了几张图片:使里面大于盒子,需原创 2021-11-07 18:53:22 · 750 阅读 · 0 评论