前端笔记
关注
分享
扫一扫
文章平均质量分 84
zzaaa 1
跌倒又爬起 山岭静悄悄
展开
-
CSS高级技巧
一、 精灵图 二、 字体图标 三、SCC三角做法 四、CSS用户界面样式五、vertical-align属性应用 六、溢出的文字省略号显示原创 2022-01-28 22:32:28 · 119 阅读 · 0 评论 -
定位及元素的显示与隐藏
一、定位 1. 为什么需要定位 浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中，某个位置，并且可以压住其他盒子 2. 定位组成 将盒子定在某个位置，所以定位是在摆放盒子，按照定位的方式移动盒子 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式 边偏移则决定了该元素的最终位置 3. 定位模式 定位模式决定元素的定位方式，它通过CSS的position属性来设置，其值可以分为四个 值 语义原创 2022-01-23 20:51:17 · 175 阅读 · 0 评论 -
浮动特性及清除浮动
一、浮动 1. 传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子，把盒子摆放到相应位置 CSS提供了三种传统的布局方式： 普通流（标准流） 浮动 定位。 2. 标准流 所谓标准流：就是标签按照规定好的默认方式排列 块级元素会独占一行，从上向下顺序排列 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行 常用元素：span、a、i、em等 以上都是标准流布局，我们前面学习的就是标准流原创 2022-01-20 19:54:23 · 140 阅读 · 0 评论 -
盒子 模型
盒子模型 圆角边框 盒子阴影 文字阴影原创 2022-01-19 14:32:39 · 314 阅读 · 0 评论 -
CSS复合选择器、显示模型、背景、三大特性
emmet语法、CSS复合选择器、显示模型、背景、三大特性原创 2022-01-17 12:44:57 · 232 阅读 · 0 评论 -
CSS层叠样式表一
1、CSS简介 1.1 CSS网页美容师 SCC是层叠样式表(Cascading)的简称，有时我们也会称之为CSS样式表或级联样式表 SCC也是一种标记语言。主要用于设置HTML页面中的文本内容、图片的外形以及版面的布局和外观显示样式。 1.2 CSS语法规范 CSS规则由两个主要的部分构成：选择器和一条或多条声明 h1 { color: red;} 选择器 {属性： 值；} 选择器是用于指定CSS央视的HTML标签，花括号内是对该对象的具体样式 属性和属性值以“键值对的形式出现" 属性是对指定的原创 2022-01-15 13:54:26 · 351 阅读 · 0 评论 -
HTML标签（下）
HTML标签（下）原创 2022-01-10 20:15:16 · 311 阅读 · 0 评论 -
HTML标签（上）
HTML语法规范 基本语法概述 HTML标签是由尖括号包围的关键词，例如 HTML标签通常是成对出现的，例如 和，我们称双标签。标签中的第一个标签是开始标签，第二个是结束标签 有些特殊的标签必须是单个标签，例如我们称为单标签 标签关系 可以分为两类：包含关系和并列关系 包含关系 <head> <title> </title> </head> 并列关系 <head></head> <bod原创 2021-12-03 15:15:10 · 231 阅读 · 0 评论 -
初学HTML
学习pink老师的前端视频写的笔记原创 2021-11-29 17:18:23 · 69 阅读 · 0 评论