3月18号
1.細線表格
<style>? ?table {
? ? ?border: 1px solid red;
? ? ?border-collapse: collapse; ?/*將單元格之間的間距給合并*/
? }
? ?td {
? ? ?border: 1px solid red;
? }
</style>
2.圓角邊框
border-radius:用來設置圓角邊框的
每個邊角都有兩面, 一個是水平方向 ,一個是垂直方向
3.css三大特性
層疊性:是瀏覽器處理樣式沖突的一種能力
<style>? ?.box {
? ? ?color: blue;
? }
? ?.box {
? ? ?color: red; ? /*如果樣式有沖突的時候,后面的會將前面的給層疊性*/
? }
</style>
繼承性:子元素可以繼承父元素的一些樣式
<style>? ?/* p,span {
? ? font-size: 50px;
? } */
? ?.box {
? ? ?font-size: 50px;
? ? ?color: orangered;
? }
?</style>
</head>
<body>
?<div class="box">
? abaagasdfasdfa
? ?<p>胸前掛鑰匙</p>
? ?<span>開心</span>
?</div>
</body>
特殊情況:
a標簽中的字體顏色是不會繼承父元素的,需要自己單獨設置.
font-weight屬性對h系列標簽不起作用.
優先級
!important>行內>id>類>標簽>繼承
!import 無窮大
行內 1000
id 100
類 10
標簽 1
繼承 0
注意:繼承來的!important不起作用.
4.圖片與背景圖片的區別
如果當前布局中要突出的是圖片的作用,那用img標簽
如果當前僅僅是用一個小圖片做為裝飾的話,則要使用背景圖片
5.頁面中的布局方式
標準流:像DIV,p等這樣的塊級元素,自己獨占一行,可以設置寬高,而像span,a等這樣的行內標簽,是一行可以并列顯示多個,像這樣頁面顯示方式都是遵循標準流。
浮動:脫離于標準流,不受標準的控制或約束
定位:脫離于標準流
?
6.浮動
浮動主要是為了解決頁面中塊級元素在一行并列顯示的問題
浮動的元素,無論是塊級元素還是行內元素,都相當于是變成了行內塊元素,行內塊元素還是行內素。
?
7.項目開發流程
1.配置開發環境
用什么樣的編輯器 數據庫等等...
2.創建項目文件夾
創建項目文件夾的目的,是為了統一方便的管理項目,方便后的維護和升級
3.項目文件夾中的文件組成
index.html 一個項目的主頁面
css文件夾 用來放置頁面中所有的樣式文件
images 用來放置頁面中的所有的圖片
js js文件夾
音頻/視頻
4.進行頁面布局的開發
一般的順序是從左往或,從上往下
5.項目的初始化
為了布局的方便,順利,以后后期維護的高效,需要將頁面中標簽的原始默認樣式給清除掉
?
8.標簽的實例化
就是給一個標簽設置寬,高,背景顏色或邊框,為了讓此標簽在頁面上顯示出對應的樣式來
?
?
9.相鄰行內塊的問題
兩個相鄰 的行內塊在布局的時候,挨在一塊,之間會有3--5像素的間距,可以使用浮動來解決
一開始我只相信偉大的是感情最后我無力的看清強悍的是命運你還是選擇回去他刺痛你的心但你不肯覺醒你說愛本就是夢境跟你借的幸福 我只能還你想留不能留 才最寂寞沒說完溫柔 只剩離歌心碎前一秒用力的相擁著沉默用心跳送你 辛酸離歌原來愛是種任性不該太多考慮愛沒有聰不聰明只有愿不愿意你還是選擇回去他刺痛你的心但你不肯覺醒你說愛本就是夢境跟你借的幸福 我只能還你想留不能留 才最寂寞沒說完溫柔 只剩離歌心碎前一秒用力的相擁著沉默用心跳送你 辛酸離歌想留不能留 才最寂寞沒說完溫柔 只剩離歌心碎前一秒用力的相擁著沉默用心跳送你 辛酸離歌看不見永久 聽見離歌?
轉載于:https://www.cnblogs.com/replaceroot/p/10560552.html
總結
- 上一篇: Robot Framework操作mon
- 下一篇: tomcat的日志文件权限与启动用户的权