CSS - 随笔分类 - 伊人怎会持宠而骄

css常用字体

摘要：宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 Fa 阅读全文

posted @ 2019-01-24 14:17 伊人怎会持宠而骄阅读(300) 评论(0) 推荐(0)

css样式

摘要：内部样式写在<style>标签里，创建样式时，<style>标签要写在<head>标签里写在<style>标签里，创建样式时，<style>标签要写在<head>标签里外部样式之 link引入 1、创建一个css文件 2、导入css文件 <link rel="stylesheet" type 阅读全文

posted @ 2019-01-21 09:31 伊人怎会持宠而骄阅读(351) 评论(0) 推荐(0)

css属性

摘要：属性和属性值属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，阅读全文

posted @ 2019-01-21 09:30 伊人怎会持宠而骄阅读(189) 评论(0) 推荐(0)

浮动

摘要：语法 float:none/left/right; 有三个取值 left:元素活动浮动在文本左面 right:元素浮动在右面 none:默认值，不浮动。 float 定义网页中其它文本如何环绕该元素显示目的就是让竖着的东西横着来特点 1、浮动不占位置 2、一旦一个元素浮动，后面的不浮动就会跑上阅读全文

posted @ 2019-01-21 09:28 伊人怎会持宠而骄阅读(148) 评论(0) 推荐(0)

盒模型

摘要：定义盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形阅读全文

posted @ 2019-01-21 09:27 伊人怎会持宠而骄阅读(184) 评论(0) 推荐(0)

文本溢出显示省略号

摘要：容器的溢出属性说明： overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值，内容不会被修剪，会成现在元素框之外； hidden：内容会被修剪，并且其余内容是不可见的； scroll：内容会被修剪，但是浏览器会显示滚动条，以阅读全文

posted @ 2019-01-21 09:26 伊人怎会持宠而骄阅读(240) 评论(0) 推荐(0)

元素类型

摘要：元素类型分类根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，行内块元素、可变元素 1.块状元素（block element） A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域 B）默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列阅读全文

posted @ 2019-01-21 09:25 伊人怎会持宠而骄阅读(341) 评论(0) 推荐(0)

定位锚点透明

摘要：一、position 定位属性和属性值 position 定位属性，检索对象的定位方式；语法： position：static /absolute/relative/fixed 取值： 1、static：默认值，无特殊定位，对象遵循HTML原则； 2、absolute：绝对定位特点： 1、脱阅读全文

posted @ 2019-01-21 09:23 伊人怎会持宠而骄阅读(187) 评论(0) 推荐(0)

css实现水平垂直居中

摘要：未知宽高 1、把父元素设置成table，子元素为table-cell，然后用vertical-align：center 优点：父元素可以改变高度缺点：IE8以下不支持，且对img无效果 2、用一个空标签并设置vertical-align的基准线为中间，并让它inline-block，宽为0，高度1 阅读全文

posted @ 2019-01-21 09:23 伊人怎会持宠而骄阅读(118) 评论(0) 推荐(0)

图片整合

摘要：将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position”来实现背景图片的定位技术。将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position”来实现背景图片的阅读全文

posted @ 2019-01-21 09:21 伊人怎会持宠而骄阅读(164) 评论(0) 推荐(0)

Flash和滚动字幕

摘要：flash 1、插入flash 1）<object> <embed src="路径"></embed> </object> 2)<param value="路径"> 3）<iframe src="路径"></iframe> 1)默认有滚动条 scrolling:yes/no 规定是否在iframe中阅读全文

posted @ 2019-01-21 09:21 伊人怎会持宠而骄阅读(414) 评论(0) 推荐(0)

css3选择符

摘要：常用的选择符 1、元素选择符 2、id选择符 3、class选择符 4、通配符 5、群组选择符 6、包含选择符 7、伪类选择符(伪类选择符CSS中已经定义好的选择器,不能随便取名) 8、伪对象选择符(设置在对象后发生的内容，用来和content属性一起使用 ) 1、元素选择符 2、id选择符 3、c 阅读全文

posted @ 2019-01-21 09:20 伊人怎会持宠而骄阅读(280) 评论(0) 推荐(0)

高度塌陷

摘要：1、给父元素加 overflow：hidden；zoom：1；兼容IE6时添加 2、在浮动元素下加空标签，并给该元素加声明 clear：both；height：0；overflow：hidden； 3、万能清除浮动（给父元素添加）父元素:after{conter:"";clear:both;di 阅读全文

posted @ 2019-01-21 09:19 伊人怎会持宠而骄阅读(103) 评论(0) 推荐(0)

过渡动画转换

摘要：过渡 transition 1、transition-property 过渡的样式 2、transition-duration 运动时间，单位是秒 3、transition-delay 延迟时间 4、transition-timing-function 运动形式 1）ease 先慢后快在慢 2）li 阅读全文

posted @ 2019-01-21 09:17 伊人怎会持宠而骄阅读(201) 评论(0) 推荐(0)

渐变

摘要：线性渐变 linear-gradient（color，color）默认从上到下从左到右 linear-gradient（left，color，color）或者（to right，color，color）加to和不加to，方向值相反，不能用像素，但是可以用角度 deg 表示度数，取值范围 0-3 阅读全文

posted @ 2019-01-21 09:16 伊人怎会持宠而骄阅读(192) 评论(0) 推荐(0)

弹性盒子

摘要：现象 1、display：flex给父元素后，子元素横着排，且高等于父元素高 2、子元素无论多大，都会强制在父元素中 1、display：flex给父元素后，子元素横着排，且高等于父元素高 2、子元素无论多大，都会强制在父元素中改变盒子模型的方法 box-sizing conent-box 默认值阅读全文

posted @ 2019-01-21 09:15 伊人怎会持宠而骄阅读(156) 评论(0) 推荐(0)

常见兼容问题

摘要：过滤器 1、下划线属性过滤器在属性前加下划线（_）由于符合标准的浏览器不识别而忽略，但低版本会解析 2、!important关键字过滤器属性:属性值!important 所附加的声明具有最高权重，优先解析，但IE6及更低版本不识别，所以用来兼容IE6和其他标准浏览器 3、其他过滤器 1）\9 阅读全文

posted @ 2019-01-21 09:12 伊人怎会持宠而骄阅读(126) 评论(0) 推荐(0)

BFC概念及应用

摘要：定义块级格式化上下文块级格式化上下文特性 1、内部box在垂直方向，一个接一个放置 2、box垂直方向的间距由margin决定属于同一个BFC的相邻box的margin会发生重叠（外边距重叠）解决方法：给父元素加overflow：hidden，并把其中一个子元素放进另一个box中 3、每个阅读全文

posted @ 2019-01-21 09:10 伊人怎会持宠而骄阅读(154) 评论(0) 推荐(0)

浏览器私有前缀及内核

摘要：私有性前缀 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌浏览器内核 1、Trident IE浏览器内核 2、Ge 阅读全文

posted @ 2019-01-21 09:09 伊人怎会持宠而骄阅读(372) 评论(0) 推荐(0)

css3新增属性

摘要：文字阴影 text-shadow：h-shadow/v-shadow h-shadow 水平阴影，允许负值，正数时阴影在右，负数时阴影在左 v-shadow 垂直阴影，允许负值，正数时阴影在底部，负数时阴影在上面水平和垂直阴影必须要写 blur 模糊距离，只能是正数 color 阴影颜色 text 阅读全文

posted @ 2019-01-17 10:20 伊人怎会持宠而骄阅读(183) 评论(0) 推荐(0)

随笔分类 - CSS