整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
技術等級】初級
本文重點講解CSS技術中一些與HTML標記的屬性相沖突的設置、CSS自身之間相沖突的設置應該如何解決。本文屬于前端開發的初級教程，適合于剛剛開始接觸CSS技術的學習者。
在CSS技術中，某些屬性與HTML標記特定的屬性含義是相同或相似的。也就是說，CSS的某些屬性利用HTML自帶標記的屬性也是可以實現的。那么，如果代碼中出現了這樣的沖突該如何解決呢？
首先，我們來看一看CSS的某些屬性與哪些HTML標記的屬性相同或相似。
font-family屬性類似于<font></font>標記對的face屬性。
font-size屬性類似于<font></font>標記對的size屬性。
color屬性類似于<font></font>標記對的color屬性。
text-align屬性類似于<p></p>標記對的align屬性。
font-weight:bold; 類似于<strong></strong>標記對。
font-style:italic; 類似于<em></em>標記對。
text-decoration:underline; 類似于<u></u>標記對。
background-color屬性用于整個頁面時類似于<body></body>標記對的bgcolor屬性。
list-style-type屬性類似于<ul></ul>和<ol></ol>標記對的type屬性。
……
再或者，如果對于相同的CSS屬性作用在同一個對象上，而設置了不同的取值。這種樣式內部發生的沖突又該如何解決呢？
例如：讓我們一塊看下列代碼。
代碼分析：上述代碼中<div>標記對中的“小海前端 頭條號”字樣應該是遵循style屬性規定的#ff5857的顏色樣式呢，還是應該遵循名為co的類所規定的#5857ff的顏色樣式呢？
上面描述的種種沖突情況，在書寫代碼時應該如何理解呢？本文小海老師帶領大家一同學習CSS的沖突解決方案。
對于上述沖突，我們給出了三個CSS樣式使用時的規則。
當多個不同的樣式作用于同一元素時，若樣式之間互不矛盾，則所有樣式均生效。
例如下列代碼：
代碼分析：上述代碼中，“示例文本”字樣顯示為14px大小紅色文字。“第二行示例文本”字樣顯示為14px大小黑色文字（默認字色）。
當HTML與CSS發生矛盾時，則忽略HTML效果，以CSS樣式為先。
例如下列代碼：
代碼分析：上述代碼中，<font></font>標記對中color屬性設置為紅色（#ff0000），style屬性設置為青色（#00ffff）。則“示例文本”字樣顯示為青色。
當多個不同的樣式作用于同一元素時，若樣式之間互相矛盾，則以距離元素較近的樣式為先。
例如下列代碼：
代碼分析：上述代碼中，“網頁開發技術”字樣顯示為14px大小。“前臺設計”字樣顯示為16px大小。這種樣式顯示遵循了距離優先的規則。
由于“距離優先”原則的存在，因此樣式的三種結合方式有以下的優先級：內聯樣式 > 內部樣式表 >外部樣式表
下一次小海老師會為大家講解CSS中有關文本段落的屬性，結合前面HTML的內容，可以對頁面中的段落進行更為細致的調整。千萬不要錯過哦。
如果大家希望得到更加全面的關于HTML和CSS技術講解的內容，可以私信我，我會免費將小海老師自己編寫的HTML和CSS的PDF教材發給你，幫助你在前端開發的道路上闊步前行。
作為Python Web 框架，Django 需要一種很便利的方法以動態地生成HTML，最常見的做法是使用模板。模板包含所需HTML 輸出的靜態部分，以及一些特殊的語法，描述如何將動態內容插入。
Django 項目可以配置一個或多個模板引擎。Django 的模板系統自帶內建的后臺-稱為Django 模板語言（DTL），以及另外一種流行的Jinja2。其他的模板語言的后端，可查找第三方庫。
在使用layui的時候，需要使用到layui數據表格的模板，這時候就遇到{{}}轉義的問題。在django中{{}}是獲取變量值，這就跟前段的layui的模板沖突了，這時候就需要django不轉譯指定的內容。
<table class="layui-table" lay-data="{width: 'auto', height:'auto', url:'/auto_tasks/task_view/', page:true, id:'autotaskviews'}"
lay-filter="autotaskviews_table" lay-size="xm">
<thead>
<tr>
<th lay-data="{field:'id',sort: true, fixed: true,width:'80'}">編號</th>
<th lay-data="{field:'name', sort: true,width: '180'}">任務名稱</th>
<th lay-data="{field:'task_type' , sort: true,width: 140}">任務類型</th>
<th lay-data="{field:'task_custom_parameter' ,sort: true,width: '200'}">自定義參數</th>
<th lay-data="{field:'username' ,sort: true,width: '120'}">創建者</th>
<th lay-data="{field:'status_label' ,sort: true,width: '100'}">執行狀態</th>
<th lay-data="{field:'create_time' ,sort: true,width: '190'}">創建時間</th>
<th lay-data="{field:'exec_time' ,sort: true,width: '190'}">執行時間</th>
<th lay-data="{field:'detail_result' ,sort: true,width: '200'}">執行結果</th>
<th lay-data="{fixed: 'right', align:'center',width: '180', toolbar: '#barDemo' }">查看詳情</th>
</tr>
</thead>
</table>
<script type="text/html" id="barDemo"> {{# if(d.status=='Y'){ }}
<button class="layui-btn layui-btn-disabled layui-btn-xs">已執行</button>
{{# } else if(d.status=='N') { }}
<a class="layui-btn layui-btn-xs" lay-event="exec">執行</a>
{{# } else if(d.status=='R') { }}
<span class="layui-badge layui-bg-orange layui-btn-xs">執行中</span>
{{# } }}
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
DEA 全稱 IntelliJ IDEA，是java編程語言開發的集成環境。IntelliJ在業界被公認為最好的java開發工具，尤其在智能代碼助手、代碼自動提示、重構、JavaEE支持、各類版本工具(git、svn等)、JUnit、CVS整合、代碼分析、 創新的GUI設計等方面的功能可以說是超常的。IDEA是JetBrains公司的產品，這家公司總部位于捷克共和國的首都布拉格，開發人員以嚴謹著稱的東歐程序員為主。它的旗艦版本還支持HTML，CSS，PHP，MySQL，Python等。免費版只支持Java,Kotlin等少數語言。
俗話說：＂工欲善其事必先利其器＂，今天準備和大家一起分享一下實際工作中能提升幸福感和工作效率的IDEA插件。
廢話不多說，let's go ！！！
1Alibaba Java Coding Guidelines
【阿里巴巴代碼規范檢查插件】
在你需要檢查的代碼上面，點擊右鍵，選擇編碼規約掃描
將會出現如下所示的檢查結果，并會給出編碼規范和提示：
2GsonFormat
【jsonToBean】
在平時的開發中，將json轉為Bean
3A8Translation
【翻譯的插件】
選中你要翻譯的漢語或英文，點擊鼠標右鍵，選擇Translate, （快捷鍵是Alt+T）就會實現翻譯，不用再去切換屏幕使用翻譯軟件翻譯了。
4Maven Helper
【分析依賴沖突的插件】
此插件可用來方便顯示maven的依賴樹，和顯示沖突，在我們梳理依賴時幫助很大。
5Free Mybatis plugin
【增強idea對mybatis支持的插件】
生成mapper xml文件 快速從代碼跳轉到mapper及從mapper返回代碼 mybatis自動補全及語法錯誤提示 集成mybatis generator gui界面 這個插件超級實用，可以從mapper接口跳轉到mybatis的xml文件中，還能找到對應地方
6Grep Console
【日志高亮顯示插件】
可以Ctrl + Alt +S Other Settings進行配色（顏色參考請搜索：電腦最護眼的色彩、顯示屏亮度亦如此）
7Lombok
當我們創建一個實體時，通常對每個字段去生成GET/SET方法，但是萬一后面需要增加或者減少字段時，又要重新的去生成GET/SET方法，非常麻煩。可以通過該插件，無需再寫那么多冗余的get/set代碼。
注意：需要在pom引入依賴
<!--lombok用來簡化實體類：需要安裝lombok插件-->
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</dependency>
8Nyan progress bar
基于Idea使用的漂亮進度條。把你的加載進度條全都變成彩虹和貓咪
9FindBugs-IDEA
【Bug檢查插件】
在文件上或文件里面點擊鼠標右鍵，選擇FingBugs
簡單的bug能給你快速找回來，什么NPE啥的，小兒科！推薦！！（嗓門大就說一遍）
10Key Promoter X
你還在為記不住快捷鍵煩惱嗎，Key Promoter X可以幫助你快速記住常用的快捷鍵。當你在idea中用鼠標點擊菜單，它可以顯示對應的快捷鍵以及點擊次數。使用一段時間后有助于過渡到更快、無鼠標的開發。
11JavaDoc
在項目中經常要求寫代碼注釋，否則不能通過代碼門禁，JavaDoc工具可以一鍵生成注釋。
插件安裝成功后在菜單欄 code -> JavaDocs可以找到
自動生成注釋效果如下：
12ignore
項目開發中通常會使用到git進行版本管理，在提交代碼時經常有人將本地的不必要的文件提交到代碼倉庫中，使用.ignore插件可以很好解決這個問題。插件安裝完成后會在項目中生成一個.ignore文件，編輯該文件忽略一些動態生成的文件，如class文件，maven的target目錄等。
13RainbowBrackets
彩虹括號，代碼中有多個括號會顯示不同的顏色。
14Activate-power-mode
在敲代碼時有抖動酷炫的特效，非常適合給前端小姐姐表演特技。（壞笑）
15CodeGlance
16GenerateAllSetter
17RestfulToolkit
18JRebel
熱門部署插件，讓你在修改完代碼后，不用再重新啟動，很實用！但是，不是免費的，需要大家發揮下聰明才智自行百度破解！
19Json Parser
厭倦了打開瀏覽器格式化和驗證JSON?為什么不安裝JSON解析器并在IDE中使用離線支持呢?JSON解析器是一個用于驗證和格式化JSON字符串的輕量級插件。
20aiXcode & codota
aiXcoder是一個強大的代碼完成器和代碼搜索引擎，基于最新的深度學習技術。它有可能向您推薦一整套代碼，這將幫助您更快地編寫代碼。aiXcoder還提供了一個代碼搜索引擎，以幫助您在GitHub上搜索API用例。
類似功能的插件還有codota，codota基于數百萬個開源Java程序和您的上下文來完成代碼行，從而幫助您以更少的錯誤更快地進行編碼。新版本的codota提供以下功能：
比如我想知道list.stream.map(…)方法的參考使用,只需要光標定位在map上，然后右鍵選擇菜單“Get relevant examples”或者使用快捷鍵“Ctrl + Shift + O”就可以快速搜索出來很多示例，非常方便。
來源：blog.csdn.net/CSDN_SAVIOR/article/details/122505538
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
