- 博客(12)
- 收藏
- 关注
RSS订阅原创 列表练习
HTML代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/开班练习.css" /> </head> <body> <!--创建一个外层的div，用来容纳整个页面的内容--> <div id="
2020-06-19 15:27:11
328
原创 522是16进制的1314
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>522是16进制的1314</title> <style> body{ background-color: #27286B; } .c1,.c2,.rect{ width: 200px; height: 200px; background.
2020-06-19 15:21:34
4047
1
原创 图片放大
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0px; margin: 0px; list-style: none; } #box{ width:500px ; height: 100px; border: 1px solid; .
2020-06-05 15:27:47
196
原创 POLO页面联系
HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>POLO360练习</title> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/Polo.css" /> </head> &
2020-06-04 17:33:25
195
原创 选择器的优先级
选择器的优先级当使用选择器为元素设置样式时，如果样式发生了冲突，采用哪个样式由选择器的优先级来决定。优先级①内联样式：1000 ②id选择器：100 ③类和伪类选择器：10 ④元素选择器：1⑤通配选择器：0 ⑥继承的样式：没有优先级 当样式发生冲突时，需要将相关的选择器优先级进行求和计算，优先级高的优先显示，如果优先级一样，则显示靠后的样式 优先级计算时，总大小不能超过他的最大的数量级 可以在样式后边添加一个!important，如果样式中添加了该内容，...
2020-06-04 17:27:42
1136
原创 子元素的伪类
子元素的伪类:first-child寻找父元素的第一个子元素，在所有的子元素中排序:last-child寻找父元素的最后一个子元素，在所有的子元素中排序:nth-child寻找父元素中的指定位置子元素，在所有的子元素中排序 例子p:nth-child(3)可以使用even，来找到偶数的子元素；可以使用odd，来找到奇数的子元素p:nth-child(odd):first-of-type寻找指定类型中的第一个子元素:last-of-type寻找指定类型中的最后一个子元素:nth-of-
2020-06-04 17:25:50
356
原创 兄弟元素选择器
兄弟元素选择器<p>test</p><span>我是span</span><p>test</p><p>test</p>span+p{ background-color:yellow;}选取后一个兄弟元素：前一个 + 后一个选取后边所有的兄弟元素：前一个 ~ 后边所有...
2020-06-03 16:03:39
594
原创 选择器
属性选择器<p title="hello">我是一个段落</p>p[title]{background-color:blue;}根据元素的属性选择指定元素[属性名]选取含有指定属性的元素[属性名="属性值"]选取属性值等于指定值的元素[属性名^="属性值"]选取属性值以指定内容开头的元素[属性名$="属性值"]选取属性值以指定内容结尾的元素[属性名*="属性值"]选取属性值中包含指定内容的元素...
2020-06-03 16:00:17
91
原创 CSS的基本语法
选择器：通过选择器可以选中页面中的一组元素，然后为其设置样式①元素选择器：根据标签名，选中页面中的指定元素语法：标签名{ } 例子：div{} p{} h1{}②id选择器：根据元素的id属性值选中一个唯一的元素语法：#id {} 例子：#box1{} #hello{}③类选择器：根据元素的class属性值，选中一组元素语法：.class{} 例子：.hello{} .box{}④通配选择器：选中页面中的所有元素语法：*{} 通配选择器的性能比较差，...
2020-06-03 15:50:35
776
原创 Css，层叠样式表
什么是CSS，层叠样式表CSS叫做层叠样式表，用来设置页面中元素的样式。背景颜色、字体颜色、字体大小等CSS负责结构、表现、行为中的表现编写的位置1.内联样式：将样式编写到标签的style属性中<p style="color:red;"></p>这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用2.内部样式表：将样式表编写到head中的style标签中<style type="text/css"></st
2020-06-03 15:49:16
187
原创 标签与HTML页面的基本结构
标签：成对出现<标签名></标签名>自结束标签：<标签名 />属性： 通过属性可以设置标签的效果 属性需要定义在开始标签中或这自结束标签中 属性实际上是一组一组名值对结构例子： <标签名 属性名="属性值" 属性名="属性值"></标签名> <标签名 属性名="属性值" 属性名="属性值" />...
2020-06-03 15:41:18
425
原创 HTML超文本标记语言
网页的结构；一个网页有三个部分组成结构：结构是页面的整体结构，哪里是标题，哪里是段落，哪里是图片 结构使用HTML来编写表现：表现是页面的外在的样式，比如字体，字体大小，字体颜色，背景。。。 使用CSS来设置页面中元素的样式行为：页面和用户之间的交互行为使用JavaScript来设置页面的行为（一个设计优良的网页要求结构、表现、行为三者分离；在开发中总是要面临一个问题，就是程序之间的耦合，三者分离就是为了解耦合）（HTML是采用纯文本的形式的编写，采用HT...
2020-06-03 15:34:09
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人