css
lucky_oak
这个作者很懒,什么都没留下…
展开
-
css:不规则图片怎么实现阴影效果
项目中用到不规则图片做背景,需要用到阴影效果,如图:如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。可以使用css 实现阴影效果,解决需求。filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));...原创 2020-11-18 10:56:36 · 1270 阅读 · 1 评论 -
css文本超出省略
超出行数隐藏:.p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}超出文字长度隐藏:其中宽度一定要设定.p{ width: 100px; overflow: hi...原创 2019-03-14 16:31:59 · 425 阅读 · 0 评论 -
导航栏编写注意事项,笔记
导航栏编写注意事项:实际开发中,导航栏不会直接用链接a写,而是用链接(li+a)的做法li+a 语义更清晰,一看就是有条理的列表型内容 如果直接用a,搜索引擎容易辨别为有堆砌关键字嫌疑(故意堆砌关键字容易被搜索引擎有降权的风险),从而影响网站排名...原创 2020-05-26 17:28:40 · 304 阅读 · 0 评论 -
css属性书写顺序笔记
建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration / text-align / vertical-align / white- space / break-word原创 2020-05-26 16:34:26 · 238 阅读 · 0 评论 -
CSS清除浮动笔记
清除浮动的方式:1、额外标签法会在浮动元素末尾添加一个空的标签。例如 <div style="clear:both"></div>,或者其他标签(如<br />等)。 优点: 通俗易懂,书写方便 缺点: 添加许多无意义的标签,结构化较差注意: 要求这个新的空标签必须是块级元素。 实际工作可能会遇到,但是不常用。2、可以给父级添加 overflow 属性,将其属性值设置为 hidden、 auto 或 scroll 。注意是给父元素添加代码 优点:代码简原创 2020-05-26 09:44:30 · 212 阅读 · 0 评论 -
css文本缩进笔记
text-indent控制首行文本的缩进。可以通过em单位控制缩进文字数目。 p { font-size: 16px; text-indent: 2em; // 2em 表示缩进当前元素 2个文字大小的距离 }原创 2020-05-21 14:06:23 · 494 阅读 · 0 评论