css遮罩

<div> <div class="cp"> <ul class="cp1"&...

2019-01-07 11:39:05

阅读数 41

评论数 0

CSS——精灵图

background-size<div class="bg">背景图片</div><style>.bg{background:ur...

2018-05-17 10:01:59

阅读数 128

评论数 0

css布局——GFC

 GFC又称为网格布局术语:【网格容器(Grid Container)】 最外层div设置为display:grid;最外层就是网格容器。【网格项(Grid Item)】内部子元素就是网格【网格线(Grid Line)】组成网格线的分界线。分为横网格线,列网格线。【网格轨道(Grid Track)...

2018-05-17 10:00:41

阅读数 266

评论数 0

css布局——BFC、IFC

 常见的FC有:1.BFC(块格式化上下文)【1】根元素,即HTML元素【2】float的值不为none【3】overflow的值不为visible【4】display的值为inline-block、table-cell、table-caption【5】position的值为absolute或fi...

2018-05-17 09:34:39

阅读数 9475

评论数 0

css布局——flex布局

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inlin...

2018-05-17 09:30:33

阅读数 186

评论数 0

Css布局的小问题合集

1.给整个按钮链接的时候,<a>标签在div外层,<a>设置属性:display:block;并且设置宽和高,宽高等于div的宽高,否则整行都是链接。 2.图片高度跟随者浏览器放大缩小:max-width:20...

2018-05-16 16:39:12

阅读数 31

评论数 0

手机自适应

样式代码:   类名要相同!  @media only screen and (max-width : 320px) {        }屏幕小于320px执行的样式。

2018-05-14 13:30:40

阅读数 84

评论数 0

调用icon

网址:http://www.iconfont.cn/代码复制到meta头文件的引用中,例:<link rel='stylesheet'   href='//at.alicdn.com/t/font_317409_hxsyduzv73dnp14i.css' type='text...

2018-05-10 16:00:14

阅读数 230

评论数 0

css表格间隙,分割线

祛除表格中间的间隙: table{ border-collapse:collapse; } 虚线: 1. hr { border:1px dotted #5B5B5B; } 鼠标移动显示详细信息小标签: 如果是超级链接:标题 如果是图片:

2017-08-12 14:26:53

阅读数 1773

评论数 0

手机网站

方法:在网页头部加上这样一条meta标签:    解释: width=device-width :宽度等于设备屏幕的宽度 initial-scale=1.0:表示:初始的缩放比例 minimum-scale=0.5:表示:最小的缩放比例 maximum-scal...

2017-06-03 10:07:02

阅读数 125

评论数 0

文字在底部显示

1.display:table-cell;按照单元格显示 vertical-align:bottom;底边对齐 2.使用相对和绝对定位设置文字的位置。 哈哈哈   #aa { width:100%; height:50px; text-align:center; pos...

2017-06-03 09:59:58

阅读数 1030

评论数 0

使用列表写导航栏

先清除li的样式,list-style:none;设置块状显示,可以调整居中。 index.html   http://www.baidu.com">商会首页 http://www.baidu.com">关于商会 http://www.baidu....

2017-06-03 09:58:48

阅读数 257

评论数 0

头部标记

让IE符合W3C标准: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 规定文件类型 charset=“gb2312”显示中文 记事本写代码,保存的时候 编码选择UTF-8保存。 css里样式前面加入...

2017-06-03 09:57:36

阅读数 114

评论数 0

层的隐藏

效果:鼠标移动到当前层,显示出另一个隐藏的层 逻辑:设置两个层在同一个位置,隐藏层设置属性display:none;,鼠标移动上去设置伪类元素属性display:block; 设置位置的时候,可以先设置所在的外层为相对位置,相当于固定个盒子,里面层设置绝对位置,这个绝对位置就是相对于刚设置的盒...

2017-06-03 09:52:56

阅读数 200

评论数 0

CSS中隐藏内容的3种方法

1、使用display:none来隐藏所有内容 display:none可以让网页中所有内容不显示,如代码、文字、链接、图片、div层,是推荐的内容隐藏方式。  2、使用visibility:hidden来隐藏内容 visibility:hidden和display:none可以...

2017-05-31 10:55:22

阅读数 369

评论数 0

DIV+CSS首页布局练习 代码

index.html content="text/html;charset=utf-8" > 标准首页布局 type="text/css" href="css/hh.css">  ...

2017-05-31 10:54:48

阅读数 1270

评论数 0

DIV+CSS首页布局练习

新建外部样式, html中设置表示文件格式,在加入 引入外部css链接 最先布局一个最外面的层,设置宽度960像素,临时高度800像素和背景颜色 布局整个body体 ,所有外边距和内填充变成0,顶点对齐 最外面的层设置居中margin:0 auto 兼容:整个body体里也设置居...

2017-05-31 10:53:17

阅读数 2439

评论数 0

DIV+CSS页面布局练习

body{text-align:center;} div.qq{width:960px;height:1500px;background:yellow;margin:0 auto;text-align:left;} //定义整个页面居中 div.llz{width:750px;heig...

2017-05-31 10:52:30

阅读数 658

评论数 0

DIV+CSS登陆页面练习

登陆 #hh { width:300px;//设置div宽度300像素  height:200px;//设置div高度200像素 background:yellow;//设置背景颜色,黄色 position:absolute;//设置绝对位置 to...

2017-05-31 10:48:21

阅读数 1260

评论数 0

CSS透明属性

opacity:设置元素的不透明级别 属性:value | inherit 取值:规定不透明度,从 0.0 (完全透明)到 1.0(完全不透明) | 父元素继承 IE8 以及更早的版本支持替代的 filter 属性。 例如:filter:Alpha(opacity=50)使用大于0小于...

2017-05-30 03:44:20

阅读数 211

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭