CSS专业技巧

  • 更新时间:
  • 4462人关注
  • 点击下载

这是一个不错的CSS技巧类学习资源,由金高飞提供,主要知识点是关于CSS技巧、CSS、CSS技巧的内容,已被717人关注,同类资源中评分为7.9分。

资源详情相关推荐
  • 大小:987 KB
  • 类别:CSS技巧
  • 格式:PDF
  • 编辑:瞿唱月
  • 热度:650
  • CSS世界
  • HTML5+CSS3+JavaScript 前端开发基础
  • 精通CSS
  • 《从0到1:HTML5+CSS3修炼之道》配套资源
  • 从零开始学HTML5+CSS3
  • 一个帮你提升 CSS 技巧的收藏集。

    目录

    • CSS 专业技巧
    • 使用CSS复位
    • 继承 box-sizing
    • 使用unset而不是重置所有属性
    • 使用 :not() 选择器来决定表单是否显示边框
    • 檢查字體是否在本地安裝
    • 为 body 元素添加行高
    • 为表单元素设置:focus
    • 垂直居中任何元素
    • 逗号分隔列表
    • 使用负的 nth-child 来选择元素
    • 使用 SVG 图标
    • 使用 “形似猫头鹰” 的选择器
    • 使用 max-height 来建立纯 CSS 的滑块
    • 创造格子等宽的表格
    • 利用 Flexbox 去除多余的外边距
    • 利用属性选择器来选择空链接
    • 给 “默认” 链接定义样式
    • 固定比例盒子
    • 为图裂定义样式
    • 用 rem 来调整全局大小;用 em 来调整局部大小
    • 隐藏没有静音、自动播放的影片
    • 使用选择器:root灵活控制字体大小
    • 为更好的移动体验,为表单元素设置字体大小
    • 使用指针事件來控制鼠标事件
    • 在用作间距的换行符上设置display: none
    • 支持情况

    相关资源

    • 零基础学HTML+CSS

      零基础学HTML+CSS

      零基础学编程:零基础学HTML+CSS(第3版) 站在零基础学习的角度,以通俗易懂的语言,结合丰富多彩的实例,来帮助初学者学习和掌握HTML语言和CSS样式设计。本书列举了大量的小型实例、综合

      大小:65.5 MB前端

      立即下载
    • 《CSS网页布局与浏览器兼容》视频,源文件

      《CSS网页布局与浏览器兼容》视频,源文件

      内容简介 随着互联网技术特别是移动互联网技技术的发展,我们的生活、学习和工作也越来越离不开内容丰富的网站。CSS样式在网页设计制作中的作用毋庸置疑,CSS 3是在CSS 2.1的基础上扩展而来,事实上,CSS 3经过多年的发展至今还没有形成正式的规范,但对于网页设计师而言,CSS 3所带来的新功能和新特性,已经对网站页面的发展趋势产生了深远的影响,并且许多网站已经开始使用CSS 3的新特性,从而为浏览者提供更加精致和出色的视觉效果。 本书共

      大小:1.2 GB网页前端

      立即下载
    • CSS设计指南(第3版)

      CSS设计指南(第3版)

      大小:20.78 MBCSS

      立即下载
    • 《CSS3艺术:网页设计案例实战》配套资源

      《CSS3艺术:网页设计案例实战》配套资源

      编辑推荐 丰富案例.190个前端开发实例,在实战中了解CSS3艺术设计技巧 全彩印刷.关键代码+知识重难点一目了然,学习不单调不枯燥 扫码视频.作者细致拆解实例结构,引导读者快速上手 丰富资源.演示文件+常用色卡+海量更新资源,全方位提高读者实战技能 内容简介 本书以 CSS3 版本为平台,使用大量生动、美观的实例,系统地剖析了 CSS 与视觉效果相关的重要语法。全书分为13章,第1章回顾基础知识,第2章~第10章介绍了 CSS3 的伪元素,边框,背景,

      大小:1.47 GBweb前端

      立即下载
    • HTML5+CSS3+JavaScript从入门到精通

      HTML5+CSS3+JavaScript从入门到精通

      本书以基础知识、示例、实战案例相结合的方式详尽讲述了HTML,CSS,JavaScript及目前最新的前端技术

      大小:186 MBweb开发

      立即下载

    学习笔记

    17小时57分钟前回答

    详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css

    写在前面: 本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后,又一篇关于vue-cli脚手架配置相关的文章,因为有些文章步骤不够清晰,当时我引入JQuery、bootstrap的时候颇费了一番功夫,所以本文的步骤会尽量详细一点。 引入bootstrap 1. 下载所需要的bootstrap文件。 将要使用的bootstrap文件放入src目录下的assets文件夹中。 2. 在入口文件src/main.js中引入bootstrap import './assets/bootstrap-3.3.7-dist/css/bootstrap.min.css'import './assets/bootstrap-3.3.7-dist/js/bootstrap.min'//根据自己文件夹路径选择路径 这样就可以在vue项目中使用bootstrap的样式了,直接在class中使用即可,如下图按钮样式。 引入jquery 1. 下载jquery依赖。 npm i……

    19小时42分钟前回答

    jQuery原理系列-css选择器的简单实现

    jQuery最强大的功能在于它可以通过css选择器查找元素,它的源码中有一半是sizzle css选择器引擎的代码,在html5规范出来之后,增加了document.querySelector和document.querySelectorAll直接查找元素,如果是做移动端开发的,使用jQuery的必要性大大降低。 用js代码实现css选择器,必然是用正则表达式来识别字符串了,当然浏览器提供的原生api 效率更高,以下代码只做原理性展示,并未优先性能, 例如 1)查找id显然是用document.getElementById更高效,浏览器已经做了hash,一次性找到元素不用遍历每个节点。 2)查找 name用document.getElementsByName更高效,浏览器已经做了一个含有该name的集合, 3)查找标签名 用document.getEleme……