CSS
小张biubiu
此人不懒,什么都留下了!
展开
-
CSS过渡与动画
什么是动画使元素从一种样式逐渐变化为另外一种样式的过程css中实现动画,会存在兼容性问题,与动画相关的操作尽量加上,浏览器前缀使用动画的步骤声明动画指定动画名称以及创建动画中的每个状态(关键帧)为元素调用动画指定调用的动画名称,市场,,播放次数…声明动画指定动画名称及各个关键帧关键帧:当前元素状态的时间点及样式语法在样式表中声明@keyframes 动画名称{ 0...原创 2019-11-11 23:16:10 · 243 阅读 · 0 评论 -
CSS转换详解
一、原创 2019-11-11 08:33:52 · 378 阅读 · 0 评论 -
CSS3内容生成与多列
一、伪元素选择器:before 或 ::before匹配元素的内容区域之前:after 或 ::after匹配元素的内容区域之后属性:content取值:字符串:纯文本使用的话要用""引起来图像:url();可以解决的问题:1.浮动元素的父元素高度<!DOCTYPE html><html lang="en"><head> &l...原创 2019-11-09 22:36:22 · 170 阅读 · 0 评论 -
CSS3复杂选择器
一、复杂选择器兄弟选择器特点:通过位置关系来匹配元素,只能向后找,不能向前找。兄弟选择器-相邻兄弟选择器紧紧挨在一起的元素称为相邻兄弟选择器。语法:选择器1+选择器2{ 样式声明; }举个栗子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-11-09 00:19:21 · 165 阅读 · 0 评论 -
CSS定位与堆叠
一、定位1.定位属性:1.position属性作用:指定元素的定位类型取值:1.static:默认值2.relative:相对定位3.absolute:绝对定位4.fixed:固定定位2.偏移属性作用:改变元素在页面中的位置(移动元素)属性:1.top:取值为正时元素向下移2.bottom:取值为正时元素向上移3.left:取值为正时元素向右移4.right:取值为正...原创 2019-11-05 23:38:27 · 434 阅读 · 0 评论 -
CSS显示与列表
一、显示1.显示方式显示方式对定了元素在页面中如何摆放定位属性:display取值:none:让生成的元素不显示(隐藏)特点:脱离文档流即不占据页面空间block:让元素变得和块级元素一样inline:让元素变得和行内元素一样inline-block:让元素变得和行内块元素一样,多个元素在一行内显示,允许修改尺寸2.显示效果visibility属性作用:控制元素的可见性(显...原创 2019-11-05 20:51:56 · 301 阅读 · 0 评论 -
使用CSS模拟一个简单的京东导航
我们来大概的说一下怎么做:一、创建一个新的html文件,添加一个nav元素,id设置为nav,在nav里面添加一个a标记超链接id为link,在a标记里面添加文本"商品分类"并创建多个a标记超链接添加文本分别为“秒杀”、“优惠券”、”PLUS会员“、”品牌闪购“、”拍卖“、“京东时尚”、“京东超市“、”京东生鲜“、”海囤全球“和"京东金融"。代码实现如下:我们打开html文件看一看效果:...原创 2019-11-04 00:58:00 · 574 阅读 · 0 评论 -
CSS表格与浮动定位
一、原创 2019-11-03 03:55:20 · 1245 阅读 · 0 评论 -
CSS渐变与文本格式化
1.渐变1.什么是渐变两种或多种颜色平滑过渡的效果1.线性渐变按照一个直线的方式去填充渐变2.径向渐变按照半径的方向去填充渐变3.重复渐变2.渐变的组成(元素)色标:决定了渐变的每种颜色及其出现的位置每一种渐变效果都是由多个色标组成的(2个及以上)3.渐变的语法属性:background-image取值:linear-gradient():线性渐变radial-gra...原创 2019-11-02 22:27:23 · 175 阅读 · 0 评论 -
CSS背景属性
一、原创 2019-11-01 12:54:00 · 137 阅读 · 0 评论 -
CSS框模型
一、框模型 框:页面中一切元皆为框。 框模型:Box-Model,定义元素狂处理元素内容,内边距以及外边距的方式。对象的实际宽度是:左右外边距+左右内边距+width。对象的实际高度是:上下外边距+上下内边距+height。元素边框内占地区域:左右边框+左右内边距+元素width。二、外边距 (一)、什么是外边距 围绕在元素边框周围的空白区域就是外边距正常情况下外边距...原创 2019-10-31 03:46:26 · 248 阅读 · 0 评论 -
CSS框模型详解
一、原创 2020-05-19 08:43:21 · 469 阅读 · 0 评论 -
CSS边框属性
一、边框的属性 (一)、边框 1、简写方式 通过一个属性来控制四个方向的边框效果 属性:border:width style color; width:宽度; 可以改变边框的粗细,以px为单位。 style:样式; 可以定义边框样式。 取值:solid:实线 dotted:虚线 dashed:虚线 color:颜色; 可以...原创 2019-10-30 00:23:08 · 1566 阅读 · 1 评论 -
CSS概述和语法2
紧接上一篇博客------>>>选择器优先级选择器类型权值元素选择器0,0,0,1类选择器0,0,1,0伪类选择器0,0,1,0ID选择器0,1,0,0内联样式1,0,0,0 选择器的权值加在一起,大的优先;如果权值相同,后定义者优先。尺寸单位:% :百分比in :英寸cm :厘米mm...原创 2019-10-28 21:09:05 · 224 阅读 · 1 评论 -
CSS概述和语法
一、CSS概述分为三点:(一)、什么是CSSCSS全称"Cascading Style Sheets"他的名称有 层叠样式表、级联样式表,简称样式表。(二)、CSS与HTML之间的关系HTML是构建网页结构,CSS是构建HTML元素样式表。(三)、HTML属性与CSS样式的使用原则举个栗子:修改文本的颜色为红色在HTML属性中:<body text="red">在...原创 2019-10-28 05:16:38 · 385 阅读 · 0 评论