ㄓㄤㄩ-优快云博客

原创 css第七天---css做三角形、鼠标样式 cursor、vertical-align、解决图片底侧空白缝隙、文字溢出省略号显示

一、精灵图：减少服务器接收和发送的次数，减少服务器的压力。使用：主要针对背景图片的使用；把多个小背景图片整合到一张大图上借助背景位置实现background-position 移动的距离是目标图片在大图上x和y坐标，数值使负值；二、css做三角形 1.给盒子设置宽高为0； 2.用border绘制透明边框； 3.给需要的方向的边指定颜色； 4.设置行高和字体为0，保证兼容性。示例： .box { width: 0; height: 0; border: 50px soli

2020-11-09 23:10:55 696

原创 css第六天----定位（相对定位、绝对定位、固定定位、粘性定位；绝对定位的盒子垂直水平居中对齐；元素的显示与隐藏）

一、定位定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式；边偏移则决定了该元素的最终位置。边偏移属性： top：顶部偏移量，元素相对于父元素上边线的偏移量； bottom：底部偏移量，元素相对于父元素下边线的偏移量； left：左边偏移量，元素相对于父元素左边的偏移量； right：右偏移量，元素相对于父元素右边的偏移量。定位模式： position: static |relative |absolute|fixed; 1.static静态定位加边偏移没有效

2020-11-08 23:25:21 389

原创学习css第四天---盒子圆角边框、盒子阴影、文字阴影、浮动、清除浮动

一、盒子的边框和阴影 1、圆角边框 1.1、圆形： border-radius: 50%; 正方形盒子是圆形，长方形盒子是椭圆 1.2、圆角矩形 border-radius: 高度的一半; 1.3、设置不同的圆角 border-radius: 10px 20px 25px 30px; 左上—>右上—>右下—>左下。 1.4、分步写法（不推荐使用）： border-top-left-radius: 10px; border-top-right-radius: 20px; border-bot

2020-11-05 23:12:29 970

原创 css第三天 ---css的层叠性、继承性、优先级、盒子模型、内边距padding、外边距margin

一、三大特性 1、层叠性对一个元素多次设置同一个样式，会使用最后一次设置的属性值 2、继承性继承父元素的文本样式，line- 、text-、font-。行高的继承 line-height: 1.5; 行高不写单位表示文字倍数这么写的好处是：子元素可以根据自己的文字大小自动调整行高。例： <style> body { font: 16px/1.5 “微软雅黑”; } </style> 则行高为16*1.5=24px；

2020-11-04 18:14:10 381

原创学习css第二天之---CSS复合选择器（后代选择器、子元素选择器、并集选择器、链接伪类选择器）、元素显示模式（块级元素、行内元素、行内块元素）、背景（背景图片、背景平铺、背景位置、背景固定）

一、CSS复合选择器 1.后代选择器可以选择元素1所有的后代元素语法：元素1 元素2 { 样式声明; } 注：元素之间用空格隔开；后代选择器中的元素可以是任意一种基础选择器。 2.子元素选择器选择元素1最近一级的子元素语法：元素1>元素2 { 样式声明; } 注：元素之间用>隔开。例：将代码中的香蕉字体设置黄色 <div class="nav"> <a href="#">香蕉<

2020-11-02 23:25:11 310

原创 css第一天之--css简介、选择器、字体属性、文本属性和引入方式

一、css简介 css应用场景：美化网页，布局页面 css中文名称：层叠/级联样式表（Cascading style Sheets）；是一种标记语言 css语法格式：选择器： { /* 样式声明 */ 属性：值；属性：值； } 选择器：改谁的样式；样式声明：改成是么样式。属性和值之间用 : 隔开属性之间使用 ; 隔开写在HTML中的位置： <head> <meta charset="UTF-8" /> <title>体验CSS语法规范

2020-11-01 22:41:52 177

原创 HTML第二天

一、表格 1.主要作用：以行、列的方式整齐地展示数据。 2. 基本语法： <table> <tr> <td>单元格内容</td> ...重复td </tr> ...重复tr </table> 3.表格标签 01.表格基本标签： <table> 表格标签，用于包含多个<tr> <tr> 定义表格中的行，用于包含多个<td> &lt

2020-10-31 19:50:57 139

原创学习HTML第一天

1. 网页的相关概念网页有文字、图片、链接、音频、视频等元素组成。 2. 常见的浏览器浏览器内核谷歌 Blink 火狐 Gecko 苹果 Webkit IE Trident 欧朋 Blink 浏览器内核（渲染引擎）：解析代码，负责读取网页内容并且显示网页 3. web标准的构成结构 HTML 网页元素的结构和内容表现 CSS 网页的外观和位置，包括版式、颜色、大小等行为 JS 网

2020-10-29 23:21:27 197

weixin_44149146的博客