webkit CSS屬性拾遺

2022-01-14 00:33:27 字數 1248 閱讀 6145

這個偽類用於設定輸入框placeholder文字的樣式,基本可以設定例子如下:

input::-webkit-input-placeholder
這個偽類顧名思義就是給文字描邊的意思，跟text-shadow有一定的相似之處。可以用於定義文字描邊的寬度和顏色，還是用乙個例子說明:

.stroke
這第三個屬性就厲害了，它可以限制在乙個塊元素顯示的文字的行數，對於只顯示三行，然後點選箭頭展開全什麼的需求最有用了。但是他要和其他屬性（overflow ，-webkit-box-orient，display: -webkit-box;）配合使用才有效果。用法如下(demo來自參考鏈結):

overflow : hidden;


display: -webkit-box;


text-overflow: ellipsis;


-webkit-line-clamp: 2;


-webkit-box-orient: vertical;
這是乙個demo,超出三行會用...表示: static：物件遵循常規流。top，right，bottom，left等屬性不會被應用。 relative： 物件遵循常規流，並且參照自身在常規流中的位置通過top，right，bottom，left屬性進行偏移時不影響常規流中的任何元素。 absolute：物件脫離常規流，使用top，right，bottom，left等屬性進行絕對定位，盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。fixed：物件脫離常規流，使用top，right，bottom，left等屬性以視窗為參考點進行定位，當出現滾動條時，物件不會隨著滾動。center：物件脫離常規流，使用top，right，bottom，left等屬性指定盒子的位置或尺寸大小。盒子在其包含容器垂直水平居中。盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。（css3）page：盒子的位置計算參照absolute。盒子在分頁**或者區域塊內，盒子的包含塊始終是初始包含塊，否則取決於每個absolute模式。（css3） sticky： 物件在常態時遵循常規流。它就像是 relative 和 fixed 的合體，當在螢幕中時按常規流排版，當捲動到螢幕外時則表現如fixed。該屬性的表現是現實中你見到的吸附效果。（css3）* css3新增屬性可能存在描述錯誤及變更，僅供參考，持續更新

### to be continued

HTML css屬性拾遺

container height child height margintop marginbottom border padding max content 該屬性使得container的高度變成子元件的高度 body本身也是乙個盒模型,其容器就是window body body的js屬性 cli...

CSS user select屬性拾遺

昨天把notebook整理了一下，去查了一下手冊，原來之前比較忽略user select這個屬性，因為之前以為只有webkit才支援的。手冊進行了補充 user select禁止使用者選中文字 none 文字不能被選擇 text 可以選擇文字 all 當所有內容作為乙個整體時可以被選擇。如果雙擊或者...

asp知識拾遺

最近做的乙個小 碰到了許多問題,能解決的都解決了,還有的沒辦法就找了替代的解決辦法.下面收集一下 1 在選擇了一系列的checkbox後的提交表單提交後,會獲取到name1,逗號,空格,name2,逗號,空格,結果,系統需要獲取這些值,我用了以下 實現.uname request.form user...