php中定義css樣式的好處,CSS的優點和缺點分別是什么

CSS的優點有:豐富的樣式定義、易于修改、結構清晰、多頁面使用等;CSS的缺點:瀏覽器支持不一樣具有兼容性、不能明確指定繼承性

CSS的主要哦作用是為HTML頁面添加樣式,使得頁面更加美觀。接下來在文章中將為大家詳細介紹CSS的優點與缺點,具有一定的參考價值,希望對大家有所幫助。

【推薦課程:CSS教程】

c0dafe29411309e2bf9970559116a73e.png

CSS的含義:

CSS稱為層疊樣式表(英文全稱:Cascading Style Sheets),是一種用來表現HTML文件樣式的計算機語言,它不僅可以靜態地修飾網頁,還可以和其他腳本語言一起動態地對網頁各個元素進行格式化。為網頁提供了豐富的文檔樣式外觀

CSS的優缺點

CSS的優點:

(1)豐富的樣式定義:CSS提供了豐富的文檔樣式外觀,可以改變元素的背景顏色,設置元素之間的距離,以及改變字體的顏色,大小的等各種各樣修飾頁面效果的方法

(2)易于修改:對于CSS文件中的某一處的元素的樣式進行修改,那么所有應用到這個CSS的文件的樣式都會發生變化

(3)結構清晰,易被搜索引擎搜索到

(4)易于編寫:CSS代碼易編寫,可以像寫html代碼一樣輕松地編寫CSS

(5)表現和內容相分離:將設計部分剝離出來放在一個獨立樣式文件中,可以降低未來修改代碼的復雜度

(6)多頁面使用:將CSS樣式放置到一個文件中,可以多次重復應用到多種HTML頁面中

例:通過CSS改變字體顏色

PHP中文網

效果圖:

41f685dcc55a6340920b7b074d2130c7.png

CSS的缺點

(1)CSS沒有父層選擇器

(2)瀏覽器支持的不一致性,好多屬性值具有瀏覽器兼容問題

(3)不能明確地指定繼承性

例:border-radius屬性在 IE9及以上瀏覽器支持,IE9以下不支持

在IE7上的效果圖:

566f79b1f710bdbef64b67b2226a08a3.png

在IE9上的效果圖

2c928b88e6edeb23e1656977d58dffd5.png

總結:以上就是本篇文章的全部內容了,希望通過這篇文章使大家能夠了解CSS的優缺點

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/273065.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/273065.shtml
英文地址,請注明出處:http://en.pswp.cn/news/273065.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

前端工具整理

代碼的規范】 http://www.css88.com/doc/codeguide/ 【Viewport Sizes尺寸查詢】 http://viewportsizes.com/?filter 【在線小工具】 http://www.xueui.cn/design/online-tools 【px,em,rem單位轉換工具】 http://pxtoem.com/ 【json格式化】 http://jsonlint.com/ 【在線…

mysql無法本地連接,本地連接騰訊云Mysql失敗問題

騰訊云主機中MySQL無法遠程連接的解決辦法在遠程主機上,我開啟了 mysql服務,用 phpmyadmin 可以打開,比如說用戶名為 root,密碼為 123456。不過用 Mysql 客戶端遠程連接時卻報了錯誤,比如 Mysql-Front 報了如下Access …

python getcwd 轉義,Python os.getcwd() 方法

Python os.getcwd() 方法概述os.getcwd() 方法用于返回當前工作目錄。語法getcwd()方法語法格式如下:os.getcwd()參數無返回值返回當前進程的工作目錄。實例以下實例演示了 getcwd() 方法的使用:#!/usr/bin/python# -*- coding: UTF-8 -*-import os, sys…

函數_方法_的四種調用方式

class Program{/// <summary>/// 無參數&#xff0c;無返回值/// </summary>/// <param name"args"></param>static void n1(){Console.WriteLine("這是第一種方法");}/// <summary>/// 有參數&#xff0c;無返回值/// <…

php_cawler_html嵌套標簽清洗

主要處理 嵌套 div&#xff0c;正則無法很好的處理清洗 比如文本&#xff1a; 想要移除 class quizPutTag 的div &#xff0c;內部可能嵌套的還有未知層級的div【前提是html文本段是閉合標簽的】 這是<div>test<div class"quizPutTag">test</div>…

php添加項目,thinkphp添加一個項目

假如我們想新建一個app項目&#xff0c;創建一個app文件夾&#xff0c;在app目錄下 新建一個index.php文件加上入口文件引用define(APP_DEBUG,TRUE);require_once(../ThinkPHP.php);訪問你剛建立的文件&#xff0c;這時候app目錄里面自動新建了所需的文件app/conf/config.php這…

PHP中的mb_convert_encoding與iconv函數介紹

iconv函數庫能夠完成各種字符集間的轉換&#xff0c;是php編程中不可缺少的基礎函數庫。 1、下載libiconv函數庫http://ftp.gnu.org/pub/gnu/libiconv/libiconv-1.9.2.tar.gz&#xff1b; 2、解壓縮tar -zxvf libiconv-1.9.2.tar.gz; 3、安裝libiconv &#xff03;confi…

php遍歷視頻文件,php使用glob函數遍歷文件和目錄詳解

php glob()函數返回匹配指定模式的文件名或目錄。因此我們可以使用glob函數來查找文件&#xff0c;也可以實現目錄的遍歷。函數說明&#xff1a;array glob ( string $pattern [, int $flags ] )功能&#xff1a;尋找與模式匹配的文件路徑,返回包含匹配文件(目錄)的數組(注&…

GitHub 建立遠程倉庫

終端所有信息: Last login: Fri Aug 14 08:58:01 on console wuxiaoyuan:~ lan$ ls -al ~/.ssh ls: /Users/lan/.ssh: No such file or directory wuxiaoyuan:~ lan$ mkdir .ssh wuxiaoyuan:~ lan$ cd /Users/lan/.ssh wuxiaoyuan:.ssh lan$ ssh-keygen -t rsa -b 4096 -C &qu…

朱建輝php,朱建輝/laravel-bjyblog

鏈接簡介這個項目是把 thinkphp-bjyblog 用 laravel 框架重構后的產物&#xff1b;下圖中的白俊遙博客即是使用 laravel-bjyblog 開發的個人博客安裝使用可以通過以下兩種命令安裝&#xff1b;composer create-project baijunyao/laravel-bjyblog blog && cdblog &…

matlab 棍,雙足機器人行走棍圖怎么用MATLAB畫出來

匿名用戶1級2016-05-25 回答The following is a function I wrote to generate a stick diagram of robot motion. Hope it is helpful to you all.function stick(filename,user_frame_per_second,max_step)global robotfoot2;mov_traj load(filename);dt mov_traj(2,1) - …

設計模式學習筆記-觀察者模式

1. 概述 有時被稱作發布/訂閱模式&#xff0c;觀察者模式定義了一種一對多的依賴關系&#xff0c;讓多個觀察者對象同時監聽某一個主題對象。這個主題對象在狀態發生變化時&#xff0c;會通知所有觀察者對象&#xff0c;使它們能夠自動更新自己。 2. 解決的問題 將一個系統分割…

Handler與多線程

1、Handler介紹 在Android開發中&#xff0c;我們常會使用單獨的線程來完成某些操作&#xff0c;比如用一個線程來完成從網絡上下的圖片&#xff0c;然后顯示在一個ImageView上&#xff0c;在多線程操作時&#xff0c;Android中必須保證以下兩點&#xff1a; &#xff08;1&…

oracle read only 事務,oracle set transaction read only與dbms_transaction實現事務transaction控制...

SQL> show userUser is "SYS"SQL> set transaction read only;Transaction setSQL> insert into t_table values(3);1 row insertedSQL> commit;Commit complete---sys用戶 set transaction read only不生效SQL> select * from t_table;A------------…

oracle report builder 6i下載,oracle report builder 6i - 數據模型中的SQL查詢代碼

我是Vijetha&#xff0c;我正在研究報告6i&#xff0c;我很陌生 . 我有以下查詢 .在front_end中&#xff0c;在Reports Parameter中&#xff0c;當用戶單擊“運行”按鈕時&#xff0c;它將詢問START_DATE和END_DATE輸入 .如果用戶提供START_DATE和END_DATE或者不提供輸入&#…

HTML/CSS/JavaScript學習總結(轉)

HTML 網站開發的主要原則是&#xff1a; – 用標簽元素HTML描述網頁的內容結構&#xff1b; – 用CSS描述網頁的排版布局&#xff1b; – 用JavaScript描述網頁的事件處理&#xff0c;即鼠標或鍵盤在網頁元素上的動作后的程序 HTML&#xff08;Hyper Text Mark-up Language 超文…

oracle引用vs,VS2013中使用oracle,有關引用哪個.dll

Oracle、Microsoft 和第三方供應商都提供了針對 Oracle 產品進行了優化的數據供應程序。 Oracle 和 Microsoft 免費提供其 Oracle 數據供應程序。訪問 Oracle 的操作有些類似于對 Sql Server 的操作。對Oracle 的訪問有以下幾種數據提供程序。 Microsoft.NET Oracle 提供程序 O…

貪心方法

1.背包問題 按效益值/重量 進行排序輸入 2.帶限期的作用排序 按效益值進行排序輸入 3 最小生成樹&#xff1a; 貪心方法&#xff1a;每次計入成本最小的邊 原樹T&#xff0c; 欲構造的最小生成樹T Prim&#xff1a; 從T中選與T中結點相連的成本最小的邊。 且&#xff1a;邊之前…

oracle語法官方文檔,Oracle官方文檔必備語法知識

很多Oracle DBA雖然接觸Oracle時間很長&#xff0c;但是一旦想不起語法或找不出相應參數時&#xff0c;習慣百度或谷歌。雖然已經下載了官方文檔&#xff0c;但是Oracle官方文檔必備語法知識[日期&#xff1a;2015-04-21]來源&#xff1a;Linux社區作者&#xff1a;kuqlan[字體…

新中大oracle實列名,新中大財務軟件操作流程(完整版)

新中大財務軟件最基本的三個模塊&#xff1a;核算單位、財務處理系統、報表處理系統。簡單地說&#xff0c;核算單位模塊是用于建賬&#xff0c;財務處理系統用于登賬&#xff0c;報表處理系統用于出報表的。一、總賬處理系統1、建賬套雙擊財務軟件圖標 → 在登錄界面選擇用戶編…