前端技术 - 随笔分类 - 厌红尘

伪元素

摘要：伪元素伪元素表示页面中的一些特殊并不正式存在的元素（特殊位置）伪元素使用 :: 开头 :: 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> <head> <title>ABC</title></head> < 阅读全文

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

厌红尘

随笔分类 - 前端技术

伪元素