摘要: 边框有边框三要素: 线宽,线型,线的颜色 格式 单写线宽 一般默认值都是3个像素 border-width可以用来指定四个方向的边框宽度值的情况 四个值:上 右 下 左 三个值:上 左右 下 两个值:上下 左右 一个值:上下左右 除了border-width还有一组border-xxx-width; 阅读全文
posted @ 2022-03-24 22:47 罗砂 阅读(164) 评论(0) 推荐(0)
摘要: 网页是一个由多层结构组成通过css来设置每一层的样式,最底层被称为文档流 我们所创建的元素默认都在文档流中进行排列 元素主要有两个状态:在文档流中和不在文档流中(脱离文档流) 阅读全文
posted @ 2022-03-24 22:08 罗砂 阅读(36) 评论(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 罗砂 阅读(86) 评论(0) 推荐(0)
摘要: em是相对于元素的字体大小来计算 1em就等于1个font-size em就等于1个font-size rem是相对于html根元素的字体大小来改变的 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(26) 评论(0) 推荐(0)
摘要: RGB是三原色分别是红色、绿色、蓝色 background-color:rgb(255,255,255);每一种颜色的范围在 0 - 255 (0% - 100%)之间语法:RGB(红色,绿色,蓝色) 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(205) 评论(0) 推荐(0)
摘要: 像素(px) 在屏幕上有一个个小正方形构成不同屏幕的大小,像素个数量也不同百分比(%) 将属性值设置为相对于父元素属性的百分比 如:父元素是200px子元素是父元素的50%,那么子元素就是父元素的二分之一也就是100px 阅读全文
posted @ 2022-03-24 22:05 罗砂 阅读(110) 评论(0) 推荐(0)
摘要: <p>李四<a>王五</a></p> 给p标签写样式被包在p标签里的a标签也会被改变样式、a标签继承了p标签的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(20) 评论(0) 推荐(0)
摘要: 选择器的优先级 行内样式 的优先级是1000id选择器 的优先级是100类和伪类选择器 的优先级是10元素选择器的 的优先级是1 优先级越高,就越优先显示 优先级相同时就会优先使用靠下的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(32) 评论(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 罗砂 阅读(30) 评论(0) 推荐(0)
摘要: 选择器就是给标签设置名字 id 选择器 class选择器 *选择器(通配选择器) 页面上所有元素都会被设置样式 不用设置名字 阅读全文
posted @ 2022-03-24 22:01 罗砂 阅读(33) 评论(0) 推荐(0)
摘要: 选择器、和声明块 选择器: 通过编写元素的名字来设置样式比如:p标签 设置一个p标签的样式,页面中的所有p标签的样式都会变化 声明块: 声明块就是写在元素中的属性属性值 阅读全文
posted @ 2022-03-24 21:59 罗砂 阅读(22) 评论(0) 推荐(0)
摘要: 行内式 <p style="color: red">李白不写诗</p> 内联式 在body外写上<style></style>标签可以在标签里设置样式 外链式 在编译器的目录中新建一个css的文件然后在文件中写上需要加样式的元素给元素设置样式; 那怎么在HTML文件使用css文件呢? 需要用 lin 阅读全文
posted @ 2022-03-24 21:58 罗砂 阅读(32) 评论(0) 推荐(0)
摘要: CSS是层叠样式表 用来为元素添加样式 要用style来设置样式 行内的<p style="样式 例如 :color:red;">行内方法</p> 阅读全文
posted @ 2022-03-24 21:54 罗砂 阅读(29) 评论(0) 推荐(0)
摘要: controls是允许播放 loop是循环 autoplay是自动播放 ​<audio src="./yp/特特的歌 - 你走以后1.0.mp3" controls loop autoplay></audio> 这是插入视频的视频标签 <video src="视频的路径"></video> 阅读全文
posted @ 2022-03-24 21:52 罗砂 阅读(42) 评论(0) 推荐(0)
摘要: 双标签 下面src="中链接别的网页,在自己的页面中会出现一个区域"可以用宽高调节 <iframe src="http://www.百度.com"></iframe> 阅读全文
posted @ 2022-03-24 21:49 罗砂 阅读(27) 评论(0) 推荐(0)
摘要: 图片要选最小的 图片的格式有四种分别是:jpg、png、gif、webp jpg 支持颜色比较丰富,不支持透明效果,不支持动图 一般来显示照片 png 支持颜色丰富,支持复杂透明,不支持动图(常用) 颜色丰富,复杂透明图片(为网页而生) gif 支持的颜色比较少,支持简单透明、支持动图 颜色单一的图 阅读全文
posted @ 2022-03-24 21:48 罗砂 阅读(352) 评论(0) 推荐(0)
摘要: <img src="">引号中填写图片的路径然后在浏览器中显示图片 " 可以插入外部图片 "可以在浏览器中复制图片网址填写在src="图片地址" alt属性:就是在图片在某种原因显示不出来时显示出来的文本; 可以用width来控制图片的宽度 用height来控制图片的高 阅读全文
posted @ 2022-03-24 21:47 罗砂 阅读(40) 评论(0) 推荐(0)
摘要: 超链接的相对路径:可以链接在自己的编译器的目录中的HTML页面 <a herf="./路径"></a> ./是链接文件当前所在目录的页面 ../是链接在目录的上一级目录中的页面 阅读全文
posted @ 2022-03-24 21:43 罗砂 阅读(116) 评论(0) 推荐(0)
摘要: <a herf="#id名"></a> 锚点链接只需要在herf设置 #(id名字)目标的元素名字 在页面上就可以实现锚点链接 阅读全文
posted @ 2022-03-24 21:43 罗砂 阅读(47) 评论(0) 推荐(0)