摘要: 边框有边框三要素: 线宽,线型,线的颜色 格式 单写线宽 一般默认值都是3个像素 border-width可以用来指定四个方向的边框宽度值的情况 四个值:上 右 下 左 三个值:上 左右 下 两个值:上下 左右 一个值:上下左右 除了border-width还有一组border-xxx-width; 阅读全文
posted @ 2022-03-24 22:47 罗砂 阅读(169) 评论(0) 推荐(0)
摘要: 网页是一个由多层结构组成通过css来设置每一层的样式,最底层被称为文档流 我们所创建的元素默认都在文档流中进行排列 元素主要有两个状态:在文档流中和不在文档流中(脱离文档流) 阅读全文
posted @ 2022-03-24 22:08 罗砂 阅读(37) 评论(0) 推荐(0)
摘要: HSL background-color:hsl(10,10%,10%);每一种颜色的范围在 0 - 255 (0% - 100%)之间语法:hsl(色相,饱和度,亮度)H 色相(0-360)S 饱和度(0% - 100%)L 亮度(0% - 100%) 阅读全文
posted @ 2022-03-24 22:07 罗砂 阅读(108) 评论(0) 推荐(0)
摘要: em是相对于元素的字体大小来计算 1em就等于1个font-size em就等于1个font-size rem是相对于html根元素的字体大小来改变的 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(32) 评论(0) 推荐(0)
摘要: RGB是三原色分别是红色、绿色、蓝色 background-color:rgb(255,255,255);每一种颜色的范围在 0 - 255 (0% - 100%)之间语法:RGB(红色,绿色,蓝色) 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(210) 评论(0) 推荐(0)
摘要: 像素(px) 在屏幕上有一个个小正方形构成不同屏幕的大小,像素个数量也不同百分比(%) 将属性值设置为相对于父元素属性的百分比 如:父元素是200px子元素是父元素的50%,那么子元素就是父元素的二分之一也就是100px 阅读全文
posted @ 2022-03-24 22:05 罗砂 阅读(114) 评论(0) 推荐(0)
摘要: <p>李四<a>王五</a></p> 给p标签写样式被包在p标签里的a标签也会被改变样式、a标签继承了p标签的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(22) 评论(0) 推荐(0)
摘要: 选择器的优先级 行内样式 的优先级是1000id选择器 的优先级是100类和伪类选择器 的优先级是10元素选择器的 的优先级是1 优先级越高,就越优先显示 优先级相同时就会优先使用靠下的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(36) 评论(0) 推荐(0)
摘要: 属性名包含指定属性元素 p[title]{} 属性名=属性值 选择含有指定属性值的元素 p[title=asd]{} 属性名^=属性值选择属性以指定值开头的元素 p[title^=asd]{} 属性名$=属性值选择属性以指定值结尾的元素 p[title$=asd]{} 阅读全文
posted @ 2022-03-24 22:03 罗砂 阅读(25) 评论(0) 推荐(0)
摘要: 子元素选择器 父元素>子元素 后代元素选择器 祖先 后代 后代选择器比子元素选择器范围广 阅读全文
posted @ 2022-03-24 22:02 罗砂 阅读(31) 评论(0) 推荐(0)
摘要: 选择器就是给标签设置名字 id 选择器 class选择器 *选择器(通配选择器) 页面上所有元素都会被设置样式 不用设置名字 阅读全文
posted @ 2022-03-24 22:01 罗砂 阅读(36) 评论(0) 推荐(0)
摘要: 选择器、和声明块 选择器: 通过编写元素的名字来设置样式比如:p标签 设置一个p标签的样式,页面中的所有p标签的样式都会变化 声明块: 声明块就是写在元素中的属性属性值 阅读全文
posted @ 2022-03-24 21:59 罗砂 阅读(26) 评论(0) 推荐(0)
摘要: 行内式 <p style="color: red">李白不写诗</p> 内联式 在body外写上<style></style>标签可以在标签里设置样式 外链式 在编译器的目录中新建一个css的文件然后在文件中写上需要加样式的元素给元素设置样式; 那怎么在HTML文件使用css文件呢? 需要用 lin 阅读全文
posted @ 2022-03-24 21:58 罗砂 阅读(34) 评论(0) 推荐(0)
摘要: CSS是层叠样式表 用来为元素添加样式 要用style来设置样式 行内的<p style="样式 例如 :color:red;">行内方法</p> 阅读全文
posted @ 2022-03-24 21:54 罗砂 阅读(30) 评论(0) 推荐(0)
摘要: controls是允许播放 loop是循环 autoplay是自动播放 ​<audio src="./yp/特特的歌 - 你走以后1.0.mp3" controls loop autoplay></audio> 这是插入视频的视频标签 <video src="视频的路径"></video> 阅读全文
posted @ 2022-03-24 21:52 罗砂 阅读(49) 评论(0) 推荐(0)
摘要: 双标签 下面src="中链接别的网页,在自己的页面中会出现一个区域"可以用宽高调节 <iframe src="http://www.百度.com"></iframe> 阅读全文
posted @ 2022-03-24 21:49 罗砂 阅读(32) 评论(0) 推荐(0)
摘要: 图片要选最小的 图片的格式有四种分别是:jpg、png、gif、webp jpg 支持颜色比较丰富,不支持透明效果,不支持动图 一般来显示照片 png 支持颜色丰富,支持复杂透明,不支持动图(常用) 颜色丰富,复杂透明图片(为网页而生) gif 支持的颜色比较少,支持简单透明、支持动图 颜色单一的图 阅读全文
posted @ 2022-03-24 21:48 罗砂 阅读(364) 评论(0) 推荐(0)
摘要: <img src="">引号中填写图片的路径然后在浏览器中显示图片 " 可以插入外部图片 "可以在浏览器中复制图片网址填写在src="图片地址" alt属性:就是在图片在某种原因显示不出来时显示出来的文本; 可以用width来控制图片的宽度 用height来控制图片的高 阅读全文
posted @ 2022-03-24 21:47 罗砂 阅读(42) 评论(0) 推荐(0)
摘要: 超链接的相对路径:可以链接在自己的编译器的目录中的HTML页面 <a herf="./路径"></a> ./是链接文件当前所在目录的页面 ../是链接在目录的上一级目录中的页面 阅读全文
posted @ 2022-03-24 21:43 罗砂 阅读(123) 评论(0) 推荐(0)
摘要: <a herf="#id名"></a> 锚点链接只需要在herf设置 #(id名字)目标的元素名字 在页面上就可以实现锚点链接 阅读全文
posted @ 2022-03-24 21:43 罗砂 阅读(50) 评论(0) 推荐(0)
摘要: 在css中所有的元素都设置为了一个方形的区域 每个盒模型都有边框,外边距,内边距和内容区 div是一个典型的盒子 div想要在页面上显示就要给它设置属性 属性: 宽度width 高度height 边框border 边框有边框三要素: 线型、线宽度、线颜色 背景颜色background-color 阅读全文
posted @ 2022-03-24 21:39 罗砂 阅读(33) 评论(0) 推荐(0)
摘要: <a herf="路径"></a> a标签中的herf可以链接,这个链接被称为超链接, a标签不可以嵌套自身之外任何标签都可以嵌套在内, herf:是链接跳转的路径 阅读全文
posted @ 2022-03-24 19:19 罗砂 阅读(149) 评论(0) 推荐(0)
摘要: 列表分有三种:有序列表、无序列表、定义列表 无序列表 ​ 内容 内容 内容 内容 ​ 有序列表 ​ ​ <li>有序</li> <li>有序</li> <li>有序</li> </ol> 定义列表 ​ ​ <dt>结构</dt> <!-- 使用dd对dt里的内容进项解释--> <dd>页面上的结构< 阅读全文
posted @ 2022-03-24 19:17 罗砂 阅读(28) 评论(0) 推荐(0)
摘要: 块元素:通过块元素对页面的布局 行内元素:行内元素就是书写元素 阅读全文
posted @ 2022-03-24 19:16 罗砂 阅读(29) 评论(0) 推荐(0)
摘要: 结构清晰,方便阅读 比如: <br>就是一个换行标签 em就是斜体标签 <h1>h1就是标题标签</h1>依次往下<h2> h2标题标签,……h6</h2> 阅读全文
posted @ 2022-03-24 19:14 罗砂 阅读(31) 评论(0) 推荐(0)
摘要: 例:<p>今天 天气真好</p>在HTML中中间多余的空格都会被浏览器隐藏这是需要用&nbsp实体(转义字符)&nbsp相当于是空格属性(少用) 其他&实体符的名字: &nbsp空格 &gt大于号 &lt小于号 &copy版权符号 阅读全文
posted @ 2022-03-24 19:13 罗砂 阅读(77) 评论(0) 推荐(0)
摘要: 十进制 平时用的数字都是十进制 特点:满10进1 计数:0、1、2、3、4、5、6、7、8、9、10、11、12…… 二进制 特点:满2进1 计数:0、1、10、11、100、101、110、111、120 单位数字2个(0-1) 八进制 特点:满8进1 计数:0、1、2、3、4、5、6、7、10、 阅读全文
posted @ 2022-03-24 19:12 罗砂 阅读(148) 评论(0) 推荐(0)
摘要: 自结束标记简单来说就是单标记、比如<img /> 、<input/>; 注释就是在网页上看不到的文本在代码中用于表明代码的意思, <!--这里的内容页面看不到 --> 阅读全文
posted @ 2022-03-24 19:11 罗砂 阅读(39) 评论(0) 推荐(0)
摘要: 在标签中有双标签和单标签,标签里可以设置属性样式,样式不能乱写,属性里面设置属性值 阅读全文
posted @ 2022-03-24 19:11 罗砂 阅读(76) 评论(0) 推荐(0)
摘要: 表明内容意思 比如:一首诗;标记就可以给文本表明哪个是标题 作者、内容等作用; <HTML></HTML>是根标签每个页面只能写一个;所有标签必须写在这个标签里面; <head></head>是页面的头部,<title></title>要在<head>标签里面写 <title>这里的内容在网页的标题 阅读全文
posted @ 2022-03-24 19:05 罗砂 阅读(77) 评论(0) 推荐(0)