![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+ CSS
文章平均质量分 76
HTML+ CSS 学习笔记
FL_csdn1
希望以后脑袋不要秃
展开
-
CSS选择器
基础选择器选择器名称选择符号权重标签选择器$1600id选择器$1210类选择器$120通配符选择器$120CSS3高级选择器伪类选择器a:link(未访问过的链接)a:hover(鼠标经过,也就是鼠标指针放在该元素上时)a:active(当前激活链接,也就是点击鼠标左键时)a:visited(已访问过)权重为10属性选择器权重为10结构伪类选择器伪元素选择器...原创 2021-01-29 13:53:01 · 211 阅读 · 1 评论 -
HTML常用标签
HTML标签原创 2021-01-29 13:15:49 · 460 阅读 · 0 评论 -
transform2D转换
转换(transform) 是CSS3中具有颠覆性的特征之一,它可以实现元素的位移、旋转、缩放等效果,转换可简单理解为变形的意思。以下是比较常用的三个属性:移动:translate旋转:rotate缩放:scale目录二维坐标系2D转换之移动-translate2D转换之旋转-rotate2D转换之缩放-scale2D转换的综合写法二维坐标系2D转换是改变在二维平面上的位置和形状的一种技术,在学习2D转换之前 首先得了解一下二维坐标系在数学中 ,坐标系是下面这样的但是在网页中原创 2021-04-04 22:37:01 · 352 阅读 · 0 评论 -
WEB开发之flex(弹性盒子)布局
什么是flex布局Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,自由的操作容器中元素(项目)的排列方式,任何一个容器都可以指定Felx布局,注意,设置为Flex布局容器,子元素的float,clear,vertical-align属性会失效。Flex布局也有很多叫法,如弹性布局,伸缩盒布局,弹性盒布局。传统布局与Flex布局的比较为了加深对Flex布局的理解,我们将传统布局与Flex布局做一个比较。传统布局兼容性好布局繁琐局限性,不能在移原创 2021-04-22 23:15:15 · 552 阅读 · 0 评论 -
icomoon字体图标使用详解
前言字体图标在web前端经常用到,它展示的是图标,但本质是字体,所以为它设置属性时可以根据字体的属性设置。它的存在是为了补充精灵图的不足之处,实际开发中简单的样式图标可以使用字体图标,较为复杂的图标还是首选精灵图。这篇文章主要是针对icomoon字体图标的使用方式进行比较全面的讲解。文章目录前言为什么要使用字体图标总结一下使用字体图标的优势获取字体图标的网站为什么要使用字体图标因为图片不能很好地进行缩放,当图片进行放大时会变的模糊。而且加载每一张图片都需要一次“http请求”,因此也拖慢了整个加原创 2021-02-23 12:34:44 · 2659 阅读 · 1 评论 -
CSS元素分类及CSS样式居中大全
水平居中垂直居中原创 2021-02-06 23:01:33 · 1607 阅读 · 0 评论 -
CSS的特性:继承性与层叠性以及优先级
一、层叠性说明:什么是层叠性,层叠性就是相同选择器设置相同的样式,此时一个样式就会覆盖另一个冲突的样式,让我们用案例来说明一下。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-02-04 21:25:40 · 2337 阅读 · 0 评论 -
HTML-meta标签详解
前言:meta标签是Html头部一个辅助性的标签,它不会显示到页面上,我们可以利用meta标签定义页面编码语言,搜索引擎优化,自动刷新并指向新的页面,控制页面缓冲,响应式窗口等功能。我这里会整理一些比较常用meta标签的属性。声明文档使用的字符编码<meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->SEO优化SEO也指的是搜索引擎优化,它是网络推广的一种形式,简单来说就是通过seo优化,调整网站内部与网站外部的结构,使得自己的网站能够与搜原创 2021-03-03 17:24:15 · 484 阅读 · 1 评论 -
HTML中px,em,rem单位的区别
一般情况下,我们在搭建html页面时使用的单位通常都是px,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中 的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。...原创 2021-03-23 20:50:24 · 731 阅读 · 0 评论