leiyanting

导航

 

2021年6月29日

摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>属性选择器</title> <style type="text/css"> /* 属性选择器: 作用: 可以根据元素中的属性或属性值来选取指定元素 语法: [属性名] 选取含有指定 阅读全文
posted @ 2021-06-29 14:41 leiyanting 阅读(305) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪元素</title> <style type="text/css"> /* 使用伪元素来表示元素中的一些特殊的位置 */ /* 首字母 - :first-letter 首行 - 阅读全文
posted @ 2021-06-29 14:23 leiyanting 阅读(1036) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪类选择器</title> <style type="text/css"> /* 伪类专门用来表示元素的一种特殊的状态 比如: 访问过的超链接,比如普通的超链接,比如获取焦点的文本 阅读全文
posted @ 2021-06-29 11:58 leiyanting 阅读(484) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素和后代元素选择器</title> <style type="text/css"> /* 后代元素选择器 作用: 选中指定元素的指定后代元素 语法: 祖先元素 后代元素{} * 阅读全文
posted @ 2021-06-29 11:05 leiyanting 阅读(328) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>常用选择器</title> <style type="text/css"> /* 为页面中的所有的p元素,设置一个字体颜色为红色 */ /* 元素选择器 作用: 通过元素选择器可以 阅读全文
posted @ 2021-06-29 10:43 leiyanting 阅读(156) 评论(0) 推荐(0)
 
摘要: 块元素和内联元素 div就是一个块元素 所谓的块元素就是会独占一行的元素,无论他的内容有多少 他都会独占一整行 块元素有: div p h1 h2 h3.... div这个标签没有任何语义,就是一个纯粹的块元素 并且不会为它里面的元素设置任何的默认样式 div元素主要用来对页面进行布局的 span是 阅读全文
posted @ 2021-06-29 10:12 leiyanting 阅读(141) 评论(0) 推荐(0)
 
摘要: 在style中全部都是css代码,不能有html代码 在css中只能使用css注释 /* */ 只能编写在style标签中,或者css文件中 css语法: 选择器 声明块 选择器: -通过选择器可以选中页面中指定的元素, 并且将声明块中的样式应用到对应的元素上 声明块: -声明块紧跟在选择器的后面, 阅读全文
posted @ 2021-06-29 09:50 leiyanting 阅读(76) 评论(0) 推荐(0)
 

2021年6月28日

摘要: 可以将样式表编写到外部的css文件中,然后通过link标签来讲外部的css文件引入到当前页面中, 这样外部文件中的css样式表将会应用到当前页面中 将css样式统一编写带外部的样式表中,完全使结构表现纹理,可以使样式表可以在不同页面中使用 最大限度的复用,并且可以加快用户的访问速度 最推荐使用外部样 阅读全文
posted @ 2021-06-28 23:03 leiyanting 阅读(551) 评论(0) 推荐(0)
 
摘要: 1. 层叠样式表(Cascading Style Sheets)2. Css可以用来为网页创建样式表,通过样式 表可以对网页进行装饰。3. 所谓层叠,可以将整个网页想象成是一-层 一层的结构,层次高的将会覆盖层次低的。 而css就可以分别为网页的各个层次设置样 式。 可以将css样式编写到元素的st 阅读全文
posted @ 2021-06-28 22:53 leiyanting 阅读(781) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>东风破</title> </head> <body> <center> <h1>这是我的个人博客</h1> <hr> <h2>东风破</h2> <a href="#">周杰伦</a 阅读全文
posted @ 2021-06-28 22:33 leiyanting 阅读(106) 评论(0) 推荐(0)