- 博客(14)
- 收藏
- 关注
原创 H5C3
H5:CSS3:属性选择器:属性选择器 类选择器 伪类选择器权重都是一样的(10);结构伪类选择器:ul li: frist-child{}ul里的第一个孩子必须是小li;伪元素:...
2020-01-10 11:04:22
87
原创 CSS进阶
CSS鼠标样式:取消表单轮廓和防止拖拽文本域:文本域代码最好放到一行;图片底侧空白缝隙解决方案:原因:行内元素和行内块元素会和文字基线对齐;单行文本溢出省略号显示:多行文本溢出显示省略号:这个最好让后台人员来做,比较操作方便;布局技巧:如何实现两个盒子中间重叠不显粗:浮动元素不会压住文字; img浮动+p...
2020-01-08 16:51:56
160
原创 CSS高级技巧
元素显示与隐藏:display属性:display:none; 隐藏元素 隐藏掉之后不再占有原来的位子display: block;显示元素;转换为块级元素;visibility属性: visibility: inherit;继承父元素可见性 visibility: hidden;隐藏掉元素 但原来位置还保留 visibility: visible ;...
2020-01-08 11:49:42
71
原创 CSS 4种定位
定位:将盒子固定在某一位置;定位=定位模式+边偏移静态定位:相对定位:绝对定位:固定定位:粘性定位:定位叠放次序:浮动不会压住下面标准流中的文字;绝对定位或固定定位会压住下面标准流的文字;...
2020-01-07 09:13:49
56
原创 CSS浮动及应用
提问:标准流:标签默认的排列方式,以下内容针对的是PS端;1.为什么需要浮动?浮动可以改变标签默认的排列方式;多个块级元素纵向排列用标准流,横向排列用浮动;2.浮动的排列特性 * 浮动元素会脱离标准流 * 浮动...
2020-01-02 14:17:39
111
原创 新浪导航栏
效果图:要点思路: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
493
原创 盒子模型 浮动 及定位
网页布局过程:1.先准备好相关的元素,网页元素基本都是盒子Box.2.利用CSS设置好盒子样式,然后摆放到相应位置。3.往盒子里面装内容。盒子模型:边框:border语法:没有先后顺序;表格细线边框:边框会影响盒子的实际大小,测量盒子大小时不测量边框;内边距:padding会影响盒子实际大小,padding会撑大盒子;...
2019-12-26 17:16:21
334
原创 CSS 三大特性
三大特性:层叠性 优先性 继承性层叠性:同一个选择器 设置了两遍 后来者居上;优先性:同一个元素指定多个选择器,就会有优先级的选择;选择器相同,执行层叠性;选择器不同,则根据选择器权重执行;!important语法:继承性:子标签会继承父标签的一些样式,比如font- , text- ,line- , 这些元素开头的,还有color属性;a链接...
2019-12-26 10:27:50
63
原创 五彩导航栏
做一个简单的五彩导航栏:效果图:功能:鼠标放上面可以变换另外一种颜色,可以点击跳转到链接;思路:1.五个a 标签实现,把a标签转换为行内块模式2.使用a:hover 伪类选择器3.对盒子进行原始背景定义4.使用line-height < height 实现文字垂直居中在图片中央(视觉上)代码如下:<!DOCTYPE html>&l...
2019-12-25 16:11:24
9112
1
原创 CSS背景
通过CSS背景属性,给页面中的元素添加背景样式;背景属性可以设置背景图片,背景平铺,背景颜色,背景图像位置,背景图像固定等。 背景颜色:background-color: transparent | color; 透明色或其他颜色transparent是默认值; 背景图片: 运用背景图片而不是插入图片,因为很好控制位置,嘻嘻 background-im...
2019-12-25 16:01:51
66
原创 简洁版小米侧边栏
如何在网页中实现下图所示的效果?简洁版的代码看这里--><head> <style> a { display: block; width: 230px; height: 40px; text-decoration: none; ...
2019-12-25 10:41:55
2050
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人