CSS
CSS基础知识,基础应用
子醉
公众号romantic_web,前端陪伴者,本人将确保朋友们能学到东西
展开
-
css如何实现部分文本不能复制
是不是遇到了这个问题?^_^我不想要全部文本不让复制,只是部分的字体,我都不想让他选中笔者推荐两种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...原创 2019-10-17 18:28:26 · 523 阅读 · 0 评论 -
css属性选择器~= *=的区别
属性选择器是一个很偏的知识点,基本开发时用不到,但不代表开发时永远用不到今天笔者来教你属性选择器里比较难区分的知识点看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2019-09-30 17:54:02 · 1172 阅读 · 1 评论 -
input[type=“radio“]大小调整
之前做项目的时候,遇到需要使用input[type="radio]的情景接到个需求,需要放大input的小圆圈但是,我使用width或者height调的时候,没有变大小圆圈在百度找了很多资料,都是使用另类的方法,例如label标签或图片后来想了半天,也许能用zoom试试行吧,说到这里,怎么能不献上代码和效果图代码<!DOCTYPE html><ht...原创 2019-09-19 13:40:45 · 9486 阅读 · 3 评论 -
伪类和伪元素选择器大全
伪类选择器为了通过选择器格式化DOM树以外的信息及不能被常规css选择器获取到的信息通常前缀为:常见的大概有这么几个:first-child:last-child:nth-child:empty:disabled:read-only:invalid:valid:root伪元素选择器伪元素可以创建一些文档语言无法创建的...原创 2019-09-10 14:25:31 · 425 阅读 · 0 评论 -
css三角形三条边全攻略
之前写过一篇文章,叫做css三角形四条边全攻略css三角形四条边全攻略同时遇到了些问题,有些朋友问我能不能出一个三条边的攻略,毕竟现在主流的都是用三条边画三角形。仔细想想,也对,所以今天我出一个三条边的攻略进入主题看如下代码<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2019-08-04 17:13:27 · 500 阅读 · 0 评论 -
:not(css选择器)的使用场景
可以和:last-child或:first-child混合用可能开发时遇到需要除最后一个元素之外全部加border-right,这个时候可用到:not代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="...原创 2019-07-25 15:58:29 · 438 阅读 · 0 评论 -
如何通过hover控制相邻、平级元素的样式
网上有很多资料是关于通过hover显示或隐藏指向元素的子元素具体是这样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...原创 2019-07-20 00:55:35 · 1757 阅读 · 0 评论 -
css三角形四条边全攻略
要想了解如何用css实现一个三角形,首先要知道三角形必须用border来实现首先来看一段代码<!DOCTYPE html><html><head> <title></title> <style type="text/css"> div{ width: 0; height: 0; bo原创 2018-10-03 16:39:27 · 1221 阅读 · 0 评论 -
css:如何动态计算长度值
不知道大家在写css长度单位时是否会遇到一个问题,可能给高度给的是100vh大小,这时候因为某个原因要减去100px大小,这时候就懵了,算不了啊!!!!! 怎么办啊!!! 别急,小编教你怎么做。css3有一个新语法,对,本文的重点就是他,他就是 calc 它是calculator单词的缩写,是计算的意思。我们可以这样计算这个高度 height: calc(100vh - 100px); 这样...原创 2018-04-17 14:23:47 · 1941 阅读 · 2 评论