随笔分类 -  前端技术

伪元素
摘要:伪元素 伪元素表示页面中的一些特殊并不正式存在的元素(特殊位置) 伪元素使用 :: 开头 :: first-letter 表示首字母 ::first-letter ::first-line 表示首行 ::first-line ::selection 表示选中的内容 ::selection ::bef 阅读全文

posted @ 2020-05-27 23:08 厌红尘 阅读(242) 评论(0) 推荐(0)

元素的伪类
摘要:元素的伪类 : link 用来表示未访问过的链接(正常链接) a:link{ color:yellowgreen;} : visited 用来表示访问过的链接 由于隐私问题,visited这个伪类智能修改链接的颜色(一般情况下不做修改) a:visited{ color:yellowgreen;} 阅读全文

posted @ 2020-05-20 23:49 厌红尘 阅读(114) 评论(0) 推荐(0)

伪类选择器
摘要:伪类选择器 伪类(不存在的类,特殊类) 伪类用来描述一个元素的特殊状态 比如:第一个子元素、被点击的元素、鼠标移入的元素..... 伪类一般情况下都是用 : 开头 :first-child 第一个子元素 :last-child 最后一个子元素 :nth-child()选中第n个子元素 特殊值: n第 阅读全文

posted @ 2020-05-20 00:30 厌红尘 阅读(122) 评论(0) 推荐(0)

属性选择器
摘要:属性选择器 [属性名] 选择含有指定属性的元素 [属性名=属性值] 选择还有指定属性和属性值的元素 [属性名^=属性值] 选择属性值以指定值开头的元素 [属性名$=属性值] 选择属性值以指定值结尾的元素 [属性名*=属性值]选择属性值中含有某值的元素的元素 <style>p[title="796"] 阅读全文

posted @ 2020-05-19 21:32 厌红尘 阅读(131) 评论(0) 推荐(0)

关系选择器
摘要:关系选择器 父元素: -直接包含子元素的元素叫做父元素 子元素: -直接被父元素包裹的元素是子元素 祖先元素: -直接或间接包含后代元素的元素叫做祖先元素 -子元素也是后代元素 兄弟元素“ -拥有相同父元素的是兄弟元素 <body><div> 我是一个div <p> 我是div中的P元素 <span 阅读全文

posted @ 2020-05-19 07:37 厌红尘 阅读(325) 评论(0) 推荐(0)

复合选择器
摘要:复合选择器 交集选择器 作用:选中同时复合多个条件的元素 语法:选择器1选择器2选择器3选择器n{} 注意点:交集选择器中,如果有元素选择器,必须使用元素选择器的开头 <head> <style> .red{ color: red;}div.red{ font-size: 90px;} </styl 阅读全文

posted @ 2020-05-17 07:42 厌红尘 阅读(263) 评论(0) 推荐(0)

常用选择器
摘要:常用选择器 元素选择器: 作用:根据标签来选中指定的元素 语法:标签名{} 案例:p{} h1{} div{} <head> <style> p{ color: red; } </style></head><body> <p>描述内容</p></body> id选择器 作用:根据元素的id属性来选中 阅读全文

posted @ 2020-05-17 06:58 厌红尘 阅读(120) 评论(0) 推荐(0)

css语法
摘要:css语法 注释/**/ css中的注释,注释中的内容会被浏览器所忽略 css的基本语法: -选择器 声明块 【选择器】通过选择器可以选中页面中的指定元素 比如 p 的作用就是选项中页面中所有p元素 【声明块】通过声明块来指定要为元素设置的样式 声明块有一个一个的声明结构组成,声明是有一个名值对结构 阅读全文

posted @ 2020-05-17 05:53 厌红尘 阅读(121) 评论(0) 推荐(0)

css的行内、内部、外部样式
摘要:css的行内、内部、外部样式 网页分成三个部分:结构(html) 表现(css) 行为(javascript) css(层叠样式表) 网页实际上是一个多层次结构,通过css可以分别为网页的每一个层来设置样式,而我们看到的只是网页的最上边一层 总之一句话,css用来设置网页中的元素样式 样式表 方式A 阅读全文

posted @ 2020-05-16 08:59 厌红尘 阅读(1976) 评论(0) 推荐(0)

音频视频
摘要:音频视频 audio 标签用来向页面中引入一个外部的音频文件,音频文件引入时,默认情况下不允许用户自己控制播放停止 属性:controls 控制面板 autoplay 自动播放(如果设置了autoplay,则音乐的打开页面时会自动播放,但是目前来讲大部分浏览器都不会自动对音乐进行播放) loop 自 阅读全文

posted @ 2020-05-15 23:25 厌红尘 阅读(176) 评论(0) 推荐(0)

内联框架
摘要:内联框架 内联框架,用于向当前页面中引入一个其他页面 src 指定要引入的网页的路径 frameborder 指定内联框架的边框 <iframe src="http://www.baidu.com" frameborder="0"><iframe> 阅读全文

posted @ 2020-05-13 23:07 厌红尘 阅读(133) 评论(0) 推荐(0)

图片标签
摘要:图片标签 图片标签用于向当前页面中引入一个外部图片 使用img标签来引入外部图片,img标签是一个自结束标签,img这种元素属于替换元素(块元素与行内元素之间,具有两种元素的特点) 属性:src 指得是图片的路径 alt指得是图片的描述,正常情况下不会显示,当有的浏览器不显示的时候,搜索引擎会根据a 阅读全文

posted @ 2020-05-13 22:23 厌红尘 阅读(169) 评论(0) 推荐(0)

超链接
摘要:超链接 超链接可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置使用 使用<a>标签来定义超链接属性 属性:href指定跳转到的目录路径 值可以是一个外部网站的地址,也可以是一个内部页面的地址 当我们需要跳转一个服务器内部时,一般我们都会使用相对路径,相对路径都会使用.或..开头 ./ . 阅读全文

posted @ 2020-05-11 22:22 厌红尘 阅读(282) 评论(0) 推荐(0)

列表
摘要:列表(list) 在html中也可以创建列表,html列表一共三种 有序列表:(有序列表用<ol>标签来表示,<li>表示列表项) 无序列表:(无序列表用<ul>标签来表示,<li>表示列表项) 定义列表:定义列表使用<dl>来创建定义列表(使用<dt>l来表示内容<dd>来解释内容) 列表质检可以 阅读全文

posted @ 2020-05-11 20:41 厌红尘 阅读(117) 评论(0) 推荐(0)

语义
摘要:语义 使用html标签时,应该关注的是标签的语义,而不是它的样式 标题标签h1~h6一共六级,重要性递减,一般情况下只会用到h1~h3(属于块元素) hgroup 标签用于标题分组,可将一组相关的标题放到hgroup当中 p标签为段落标签(属于块元素)(p标签中不能放任何的块元素) em标签为语义标 阅读全文

posted @ 2020-05-11 00:48 厌红尘 阅读(256) 评论(0) 推荐(0)

htm笔记
摘要:html学习笔记 字符 &nbsp;表示空格 &gt;表示大于号 &lt;表示小于号,;用英文符号 标签含义 <doctype html><!--html5的文档规范--> <head><!--头部标签--> <title>ABC</title><!--作用于搜索引擎显示结果--></head> < 阅读全文

posted @ 2020-05-09 00:17 厌红尘 阅读(104) 评论(1) 推荐(0)

导航