ㄓㄤㄩ-CSDN博客

原创 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 527

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

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

2020-11-08 23:25:21 265

原创学习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 856

原创 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 270

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

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

2020-11-02 23:25:11 231

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

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

2020-11-01 22:41:52 98

原创 HTML第二天

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

2020-10-31 19:50:57 72

原创学习HTML第一天

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

2020-10-29 23:21:27 136

weixin_44149146的博客