CSS
CSS即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
aiguangyuan
要全身心的投入,程序才会有些感觉!
展开
-
前端常用布局方案总结
1. 水平居中实现水平布局比较简单,方法也比较多,这里总结了7种常用的布局方法。公共的HTML结构如下:<div class="parent"> <div class="child"></div></div>1.使用text-align属性若元素为行内块级元素,可以通过为其父元素设置text-align: center 实现水平居中。实现的CSS代码如下:.parent { background: #ff8.原创 2022-03-31 18:49:32 · 698 阅读 · 0 评论 -
CSS 中最后一行中元素如何向左对齐
自从CSS 3.0出来以后,很多的页面布局都用弹性布来实现,特别是移动端,但是弹性布局也有它的弊端,就是最后一行如果数量不够,不会像我们正常的想法一样居左对齐。效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m.原创 2021-11-09 23:47:33 · 3465 阅读 · 0 评论 -
CSS 实现菜单折叠与展开的小三角
/* 菜单展开向下的箭头 */.aside h4 .nav-open { display: inline-block; width: 0px; height: 0px; border-bottom: none; border-top: 6px solid rgba(255, 255, 255, .7); border-left: 6px soli...原创 2020-04-10 16:05:49 · 3459 阅读 · 0 评论 -
CSS 中多行文字溢出后显示省略号
HTML如下:<p class="book-description"> 入门.一本全世界无数人受益和家庭必备的心 理自助图书,教你远离生活压力带来的焦虑. 入门.一本全世界无数人受益和家庭必备的心 理自助图书,教你远离生活压力带来的焦虑. </p>CSS如下:.book-description{ height:3.......原创 2019-03-08 16:26:23 · 2651 阅读 · 1 评论 -
CSS 中修改placeholder文字的样式
废话不多说,知道你急着用,复制粘贴拿走吧!/* WebKit, Blink, Edge */input::-webkit-input-placeholder { color:red;}/* Mozilla Firefox 4 to 18 */:-moz-placeholder { color:red;}/* Mozilla Firefox 19+ */::...原创 2019-03-14 01:10:31 · 1890 阅读 · 0 评论