您现在的位置是：网站首页> 编程资料编程资料
网页制作中应用的50个CSS技巧(国外)_CSS教程_CSS_网页制作_
2021-09-09
888人已围观
简介 几乎可以肯定的CSS是最好的一个网页设计的发展，因为第一次图形的Web浏览器通过了关于大规模，凡表创建笨重，缓慢加载网页，创建的CSS更加精简和实用的网页。
另外，的CSS允许设计师实现了一些不同的风格，用只可与图像。
其中最好的部分是它的CSS这么简单当你已经知道的基本知识。凡表用来制造复杂的，有时是不可能的破译代码的CSS保持干净和简单的事情。补充几点意见，以确保组织和它成为一个绝对的梦想，工作。
以下是50个新的CSS技巧，技术和指导，帮助您提高您的下一个网页设计。 1. Security and Performance
While CSS is often thought of as merely a styling language, there are ways you can use it to add security to your site. There are also ways you can optimize your CSS to improve page load times. Both are discussed below. Make your pages load faster by combining and compressing javascript and css files
This tutorial shows you how to create a PHP script to compress and combine multiple CSS and/or JavaScript files with gzip when they’re called for by a browser. It speeds up the page load times while making it possible to still edit the individual CSS or JavaScript files without having to combine and re-compress everything each times.
Informal testing showed that a group of JavaScript files were reduced from 168Kb (and 1905 ms to transfer) to 37Kb (and 400 ms). There wasn’t any data available for the effect it had on CSS files, but I’d guess it’s probably pretty similar.
The Definitive Post on Gzipping Your CSS
This post covers the best and most recent methods for using GZIP to compress your CSS. It currently covers two different methods, both equally effective. One involves adding a bit of PHP to your CSS file (and renaming the file with a PHP extension instead of CSS) while the other method involves using the same PHP code with some additions but in a separate file.
Clickjane.css: A CSS User Style Sheet to Help Detect and Avoid Clickjacking Attacks
This post covers how to use clickjane.css to prevent clickjacking, a class of security vulnerabilities kind of like phishing scams and more formally referred to as user interface redressing. It’s cross-browser compatible but, admittedly, probably only covers a small range of potential clickjacking vulnerabilities. It’s still a good place to start, though.
5 Step Style Sheet Weight Loss Program
This post shows five different ways to trim the size of your style sheets. Techniques range from learning how to group selectors to using CSS shorthand. Each technique is thoroughly explained and includes related resources.
2. Page Layout
This is what CSS was built for. The options are almost endless, especially as CSS3 becomes the new standard. Aligning Inline Images with the Vertical-Align Property
The default vertical alignment for inline images in text sometimes looks not-so-great. This tutorial shows you how to better align inline images with your site’s type. It goes over the different types of vertical alignment and what they mean in relation to type.
CSS Centering
This post includes instructions for centering liquid layouts with CSS. It’s very simple and straight-forward and works in virtually all browsers. Basically, it just uses left and right margins combined with some additional code to make it cross-browser compatible.
其中最好的部分是它的CSS这么简单当你已经知道的基本知识。凡表用来制造复杂的，有时是不可能的破译代码的CSS保持干净和简单的事情。补充几点意见，以确保组织和它成为一个绝对的梦想，工作。
以下是50个新的CSS技巧，技术和指导，帮助您提高您的下一个网页设计。 1. Security and Performance
While CSS is often thought of as merely a styling language, there are ways you can use it to add security to your site. There are also ways you can optimize your CSS to improve page load times. Both are discussed below. Make your pages load faster by combining and compressing javascript and css files
This tutorial shows you how to create a PHP script to compress and combine multiple CSS and/or JavaScript files with gzip when they’re called for by a browser. It speeds up the page load times while making it possible to still edit the individual CSS or JavaScript files without having to combine and re-compress everything each times.
Informal testing showed that a group of JavaScript files were reduced from 168Kb (and 1905 ms to transfer) to 37Kb (and 400 ms). There wasn’t any data available for the effect it had on CSS files, but I’d guess it’s probably pretty similar.
The Definitive Post on Gzipping Your CSS
This post covers the best and most recent methods for using GZIP to compress your CSS. It currently covers two different methods, both equally effective. One involves adding a bit of PHP to your CSS file (and renaming the file with a PHP extension instead of CSS) while the other method involves using the same PHP code with some additions but in a separate file.
Clickjane.css: A CSS User Style Sheet to Help Detect and Avoid Clickjacking Attacks
This post covers how to use clickjane.css to prevent clickjacking, a class of security vulnerabilities kind of like phishing scams and more formally referred to as user interface redressing. It’s cross-browser compatible but, admittedly, probably only covers a small range of potential clickjacking vulnerabilities. It’s still a good place to start, though.
5 Step Style Sheet Weight Loss Program
This post shows five different ways to trim the size of your style sheets. Techniques range from learning how to group selectors to using CSS shorthand. Each technique is thoroughly explained and includes related resources.
2. Page Layout
This is what CSS was built for. The options are almost endless, especially as CSS3 becomes the new standard. Aligning Inline Images with the Vertical-Align Property
The default vertical alignment for inline images in text sometimes looks not-so-great. This tutorial shows you how to better align inline images with your site’s type. It goes over the different types of vertical alignment and what they mean in relation to type.
CSS Centering
This post includes instructions for centering liquid layouts with CSS. It’s very simple and straight-forward and works in virtually all browsers. Basically, it just uses left and right margins combined with some additional code to make it cross-browser compatible.
相关内容
- CSS Sprite优化 减少HTTP链接数_CSS教程_CSS_网页制作_
- css li 去掉点的样式写法_CSS教程_CSS_网页制作_
- CSS 网页制作时遇到问题的快速参考技巧_CSS教程_CSS_网页制作_
- CSS 空格引起网页布局间距问题_CSS布局实例_CSS_网页制作_
- CSS 样式表中引用图片地址在各浏览器中的差异_CSS教程_CSS_网页制作_
- CSS 网页制作 提高CSS可阅读性_CSS教程_CSS_网页制作_
- 不用Cookie的仿刷新二级高亮菜单_CSS教程_CSS_网页制作_
- vertical-align 表单元素垂直对齐的解决方法 _CSS教程_CSS_网页制作_
- DIY属于个人开发使用的CSS Reset _CSS教程_CSS_网页制作_
- 换个角度看页面重构中的语义化_CSS教程_CSS_网页制作_
