国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

2024-07-11 09:03:55
字體:
來源:轉載
供稿:網(wǎng)友

武林網(wǎng)(m.survivalescaperooms.com)文章簡介:CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS

幾乎可以肯定的CSS是最好的一個網(wǎng)頁設計的發(fā)展,因為第一次圖形的Web瀏覽器通過了關于大規(guī)模,凡表創(chuàng)建笨重,緩慢加載網(wǎng)頁,創(chuàng)建的CSS更加精簡和實用的網(wǎng)頁。另外,的CSS允許設計師實現(xiàn)了一些不同的風格,用只可與圖像。

其中最好的部分是它的CSS這么簡單當你已經(jīng)知道的基本知識。凡表用來制造復雜的,有時是不可能的破譯代碼的CSS保持干凈和簡單的事情。補充幾點意見,以確保組織和它成為一個絕對的夢想,工作。

以下是50個新的CSS技巧,技術和指導,幫助您提高您的下一個網(wǎng)頁設計。

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

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.

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

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.

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

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.

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

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.

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

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.

英文教程:50個網(wǎng)頁制作中應用的CSS技巧

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 石泉县| 广南县| 砚山县| 永平县| 亚东县| 忻州市| 大渡口区| 武胜县| 漳州市| 武城县| 察雅县| 延安市| 南和县| 莫力| 卓尼县| 玛曲县| 乌拉特中旗| 武穴市| 万宁市| 辰溪县| 苏尼特右旗| 紫金县| 霍州市| 奈曼旗| 三门县| 九龙县| 乌拉特前旗| 青岛市| 红安县| 辽阳市| 合水县| 盐池县| 双柏县| 成安县| 伊宁县| 商河县| 来安县| 石首市| 墨竹工卡县| 庆云县| 昌乐县|