WEB前端初学者笔记（5）--定位
一、三种定位 使用position: ;进行定位设置 小tip：定位的时候是会有浏览器margin和padding干扰，使定位产生误差。这时就需要通配符解决*{margin：0；padding：0；}。或者在body里面设置就可以了 固定定位position: fixed; 相对于浏览器 ...
原文：WEB前端初学者笔记（8）--伪类选择器
一 什么是伪类 伪类用于定义元素的特殊状态。 例如，它可以用于： 设置鼠标悬停在元素上时的样式 为已访问和未访问链接设置不同的样式 设置元素获得焦点时的样式 二 hover 以下面代码为例，hover是鼠标悬停在元素上样式的改变，它不仅仅改变的是盒子的颜色，也可以改变盒子的宽高 边框等等等等。 活学活用，联想到网页上一些页面，当鼠标放上去会有一些div盒子弹出来，这就可以用hover实现，比如di ...
2021-11-10 08:52 0 118 推荐指数：
相关推荐
WEB前端初学者笔记（7）--盒子的边框属性
一、边框属性 border-width可以设置边框大小 border-style可以设置边框样式，取值有 border-color可以设置边框颜色 二、边框的应用 ...
WEB前端初学者笔记（20）--swiper中实现分页器和换页按钮
一.分页器 1.pagination 使用分页器导航。分页器可使用小圆点样式（默认）、分式样式或进度条样式。 swiper5新增可以通过设置Swiper的风格--swiper-theme-color或单独设置分页器风格--swiper-pagination-color来改变分页器颜色。 注意 ...
伪类（伪类选择器）
伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 静态伪类和动态伪类 伪类选择器分为两种。 （1）静态伪类：只能用于超链接的样式。如下： :link 超链接点击之前 :visited 链接被访问过之后 PS：以上两种样式，只能 ...
前端笔记之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡
一、CSS3选择器 CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。 CSS3和HTML5没有任何关系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的样式。 在学习CSS之前都是 ...
WEB前端初学者笔记（2）--基础标签语法以及常见标签
一、HTML基础标签语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty cont ...
伪类选择器与伪元素选择器
之前总以为这两个东西是一样的，其实他们的作用大不相同哦。他们的作用是：可以为文档中不一定存在的结构制定样式，他们不是通过文档结构向页面中添加样式。 一、伪类选择器 是用来选择某个类，或者说，选择的是某个类的状态。 1、链接伪类 【:link】: 【:visited】 2、动态伪类 ...
WEB前端初学者笔记（1）--基础知识以及代码结构
一、B/S架构 B是browser(浏览器) 用户使用的所有客户端（部分手机app，小程序）都可以把它视为浏览器的一种展示。 S是server(服务器) 。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端服务器把网页文件发送给前段，B端浏览器收到文件后，浏览器解析成图形界面 ...