![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
weixin_38602083
这个作者很懒,什么都没留下…
展开
-
H5C3
H5:CSS3:属性选择器:属性选择器 类选择器 伪类选择器权重都是一样的(10);结构伪类选择器:ul li: frist-child{}ul里的第一个孩子必须是小li;伪元素:...原创 2020-01-10 11:04:22 · 89 阅读 · 0 评论 -
CSS进阶
CSS鼠标样式:取消表单轮廓和防止拖拽文本域:文本域代码最好放到一行;图片底侧空白缝隙解决方案:原因:行内元素和行内块元素会和文字基线对齐;单行文本溢出省略号显示:多行文本溢出显示省略号:这个最好让后台人员来做,比较操作方便;布局技巧:如何实现两个盒子中间重叠不显粗:浮动元素不会压住文字; img浮动+p...原创 2020-01-08 16:51:56 · 162 阅读 · 0 评论 -
CSS高级技巧
元素显示与隐藏:display属性:display:none; 隐藏元素 隐藏掉之后不再占有原来的位子display: block;显示元素;转换为块级元素;visibility属性: visibility: inherit;继承父元素可见性 visibility: hidden;隐藏掉元素 但原来位置还保留 visibility: visible ;...原创 2020-01-08 11:49:42 · 74 阅读 · 0 评论 -
CSS 4种定位
定位:将盒子固定在某一位置;定位=定位模式+边偏移静态定位:相对定位:绝对定位:固定定位:粘性定位:定位叠放次序:浮动不会压住下面标准流中的文字;绝对定位或固定定位会压住下面标准流的文字;...原创 2020-01-07 09:13:49 · 60 阅读 · 0 评论 -
CSS浮动及应用
提问:标准流:标签默认的排列方式,以下内容针对的是PS端;1.为什么需要浮动?浮动可以改变标签默认的排列方式;多个块级元素纵向排列用标准流,横向排列用浮动;2.浮动的排列特性 * 浮动元素会脱离标准流 * 浮动...原创 2020-01-02 14:17:39 · 112 阅读 · 0 评论 -
圆角及阴影的应用
1.圆角2.盒子阴影3.文字阴影原创 2019-12-30 10:17:14 · 68 阅读 · 0 评论 -
新浪导航栏
效果图:要点思路:1.5个a 标签转换为行内快模式2.div盒子设置上边框为3px 下边框为1px3.不给a设置宽 只设置高,padding为padding:0 10px;4.解决行内块之间的留白问题https://www.cnblogs.com/agansj/p/7192340.html 出现留白的原因是因为body里面a标签之间有换行或空白(不是br 或&...原创 2019-12-26 17:49:01 · 494 阅读 · 0 评论 -
CSS 三大特性
三大特性:层叠性 优先性 继承性层叠性:同一个选择器 设置了两遍 后来者居上;优先性:同一个元素指定多个选择器,就会有优先级的选择;选择器相同,执行层叠性;选择器不同,则根据选择器权重执行;!important语法:继承性:子标签会继承父标签的一些样式,比如font- , text- ,line- , 这些元素开头的,还有color属性;a链接...原创 2019-12-26 10:27:50 · 64 阅读 · 0 评论 -
CSS背景
通过CSS背景属性,给页面中的元素添加背景样式;背景属性可以设置背景图片,背景平铺,背景颜色,背景图像位置,背景图像固定等。 背景颜色:background-color: transparent | color; 透明色或其他颜色transparent是默认值; 背景图片: 运用背景图片而不是插入图片,因为很好控制位置,嘻嘻 background-im...原创 2019-12-25 16:01:51 · 68 阅读 · 0 评论 -
简洁版小米侧边栏
如何在网页中实现下图所示的效果?简洁版的代码看这里--><head> <style> a { display: block; width: 230px; height: 40px; text-decoration: none; ...原创 2019-12-25 10:41:55 · 2056 阅读 · 0 评论