实例 <div style="width: 200px; position:relative; top: 200px; background: silver;"> <div class="slidesW…
标签:css3
前端HTML、JS、CSS
基础 1、前端页面有哪三层构成? HTML结构层、CSS表示层、JS行为层。2、浏览器内核(渲染引擎) ①IE内核 -- Trident ②Firefox内核 -- Gecko ③Safari内核(曾经Chrome内核)…
一些有趣的 CSS 魔法和布局(上)
前言 布局和样式,是每个前端的必修课。在日常的工作中,也会碰到一些特定场景的布局需求,配合上样式,就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局,以及浏览各大网站时碰巧发现的神奇特效写法,在此做个分享。 由于篇…
css-secrets (css揭秘) 知识点目录,值得深入学习!
1. 第一章 css编码技巧 第二章 边框与背景 半透明边框 hsla 多重边框 box-shadow outline 灵活的背景定位 background-position css3该属性可以指定偏移量,////bac…
SMTC:纯CSS 星星打分评价
星星打分评价的页面功能,需求上经常会碰到。网上搜一下,Js + CSS,纯 CSS 的版本也非常多。觉得搜到的都不理想,下意识觉得应该能有更好的实现自己动手尝试一下,果然能更好用所以开篇文章,分享一下 ^_^ 先来 HT…
css制作从下往上逐渐显示的div
html代码 <div class="div1"> <div class="mask"> <div class="div2">我是div顶部</div> </div&…
前端培训-初级阶段(5 - 8)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们…
前端基础_CSS
CSS 书写语法 内部与外部样式 选择器 { 样式1; // 属性: 值; width: 300px 样式2; } 内联样式 <div style="样式1;样式2"></div> // widt…
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> *{…