在網(wǎng)頁(yè)開(kāi)發(fā)中，常用的HTML標(biāo)記和CSS樣式的組合可以讓我們的頁(yè)面更加美觀、易用。下面是一些常用的HTML和CSS實(shí)例：

圖片縮放

/* 圖片樣式 */
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

居中對(duì)齊

/* div水平垂直居中 */
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

文本截?cái)?/p>

/* 單行 */
p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 多行 */
p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

背景漸變

/* 定義背景 */
body {
background: linear-gradient(to right, #fff, #000);
}

陰影效果

div {
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

圓形圖片

/* 正方形圖片加border-radius */
img {
border-radius: 50%;
}

希望這些實(shí)例能夠幫助大家更好地理解HTML和CSS的使用。