CSS 书写语法 内部与外部样式 选择器 { 样式1; // 属性: 值; width: 300px 样式2; } 内联样式 <div style="样式1;样式2"></div> // widt…
分类:css3
Web 开发学习笔记(6) --- 前端开发之 HTML5
前言 通过之前的文章, 我们已经搭好了 webapp 的雏形, 不过到目前为止, 我们的前端界面比较简单, 为此, 我们要学习前端的知识, 然后对界面进行改进. 前端的内容可以分为 HTML CSS JavaScript…
前端 CSS : 5# 纯 CSS 实现24小时超市
介绍 原文链接 感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览 源代码地址 https://github.com/shanyuhai1… 代码解读 1. html 结构 …
知识整理之CSS篇
CSS篇主要从CSS兼容、CSS3新特性、CSS选择器、高频属性、高频布局、高频知识点、性能优化等方面进行归纳。如对HTML知识点感兴趣,可移步至: 知识整理之HTML篇 CSS Hack CSS Hack就是针对不同的…
css的content属性
content属性一般用于::before、::after伪元素中,用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符,其实它还有很多值可供选择。 1、插入纯字符 <style> *{…
react中使用css的7中方式(应该是最全的)
第一种: 在组件中直接使用style 不需要组件从外部引入css文件,直接在组件中书写。 import React, { Component } from "react"; const div1 = { width: "…
学习如何用CSS变量创建网页响应布局 — css var()
在创新的2018年已经过去,在2019年看看如何简单做成响应性的网站 如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置呦。 从本质上…
css权重
1、什么是css权重?css6大基础选择器 css权重指的是css6大基础选择符的优先级,优先级高的css样式会覆盖优先级底的css样式,优先级越高说明权重越高,反之亦然。 css6大基础选择器: a)、id选择器(#b…
自定义单选框样式以及获取单选框的选中状态
一、用户可选择微信支付或者支付宝支付 <div class="checkbox"> <input @click="getPayType" class="choose" id="wechat" name=…
「前端面试题系列3」伪类与伪元素的区别及实战
前言 这是前端面试系列的第3篇,前面的章节,你可以在这里找到: 「面试题」如何实现一个圣杯布局 「今日头条」前端面试题和思路解析 面试前端候选人的时候,我经常会问这样一个有关CSS的问题: 你知道伪类与伪元素么,它们的分…
「前端早读君008」新手必踩坑之display: inline-block
今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: <div class="nav"> <…
「前端早读君007」css进阶之彻底理解视觉格式化模型
今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 如果你也有这种问题,那么是时候学习下什么是css视觉格式化模…