CSS
关注
分享
扫一扫
anh_qwh
爱生活，爱睡觉
展开
-
CSS-1.1-CSS概述
CSS-1.1-CSS概述一：前言二：CSS概述三：CSS重要知识点四：CSS语法1、语法格式2、代码注释五：CSS常见属性1、字体颜色2、字号大小3、背景颜色4、加粗5、不加粗6、斜体7、不斜体8、下划线9、没有下划线一：前言互联网前端分三层HTML超文本标记语言从语义的角度描述页面结构CSS层叠样式表从审美的角度负责页面样式JSjavaScri...原创 2019-09-08 21:10:02 · 506 阅读 · 0 评论 -
css-8.4-定位
css-8.4-定位一：relative：相对定位二：absolute：绝对定位三：fixed：固定定位四：使用定位实现元素的绝对居中五：z-index1、z-index的作用2、z-index的使用要求3、z-index:auto 和 z-index:0 的异同4、z-index相同（处于同一平面的定位元素）的层叠关系定位1.定位与浮动一样，都是改变元素在正常文档流中的位置，对网页内容进行...原创 2019-09-24 16:29:03 · 442 阅读 · 0 评论 -
CSS-8.3-浮动与清除
CSS-8.3-浮动与清除一：float：浮动二：clear：清除三：子盒子浮动造成父盒子高度塌陷2、为父元素添加overflow:hidden属性3、为父元素添加伪类：after,对伪类设置clear:both文档流文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置...原创 2019-09-24 13:07:10 · 310 阅读 · 0 评论 -
CSS-8.2-CSS盒模型相关属性
CSS-8.2-CSS盒模型相关属性一：overflow：内容溢出控制二：outline：外围线三：box-shadow：盒子阴影四：border-radius：边框圆角五：border-image：图片边框1、border-image-source：图片路径2、border-image-slice：图片切片宽度3、border-image-width：边框宽度4、border-image-rep...原创 2019-09-24 11:29:43 · 437 阅读 · 0 评论 -
CSS-8.1-CSS盒模型
CSS-8.1-CSS盒模型一：盒模型概述1、标准盒模型2、IE盒模型二：margin：外边距1、外边距的属性2、多个盒子之间的外边距影响(1)行内盒子水平排放的外边距(2)块级盒子垂直排放的外边距(3)父、子盒子的垂直外边距合并三：border：边框1、border-style2、border-width3、border-color4、边框的添加方式1、三个属性分别设置2、使用 border 属...原创 2019-09-22 16:43:04 · 219 阅读 · 0 评论 -
CSS3-7.5-飞机滑翔动画实现
CSS3-7.5-飞机滑翔动画实现飞机滑翔动画实现飞机滑翔动画实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>飞机滑翔</title> <style type="text/css"> img{ ani...原创 2019-09-18 10:32:50 · 536 阅读 · 1 评论 -
CSS3-7.4-CSS3新增选择器
CSS3-7.4-CSS3新增选择器一：属性选择器1、E[att]2、E[att="val"]3、E[att^="val"]4、E[att$="val"]5、E[att*="val"]二：结构伪类选择器1、E:nth-child(n)2、E:first-of-type3、E:only-child4、E:empty三：状态伪类选择器1、E:enabled2、E:disabled3、E:checked...原创 2019-09-18 10:27:05 · 468 阅读 · 0 评论 -
CSS3-7.3-CSS3其他常用属性
CSS-7.3-CSS其他常用属性一：CSS3渐变效果1、线性渐变2、径向渐变二：CSS3多列属性1、columns2、column-count3、column-width4、column-rule5、column-rule-width6、column-rule-style7、column-rule-color8、column-gapCSS3其他常用属性1.CSS3渐变效果2.CSS3多列...原创 2019-09-17 12:57:46 · 272 阅读 · 0 评论 -
CSS3-7.2-CSS3动画
CSS-7.2-CSS动画一：使用@keyframes创建关键帧动画二：2.使用animation调用关键帧动画三：CSS3 animation 动画属性1、animation2、animation-name3、animation-duration4、animation-timing-function5、animation-delay6、animation-iteration-count7、ani...原创 2019-09-17 12:20:00 · 227 阅读 · 0 评论 -
CSS3-7.1-CSS3的过渡与交换
CSS-7.1-CSS的过渡与交换一：transition：过渡属性二：transform：变换属性1、transform2、transform-origin一：transition：过渡属性CSS的transition允许CSS的属性值在一定时间区内平滑的过渡鼠标点击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值属性值顺序transition-pro...原创 2019-09-17 11:50:37 · 242 阅读 · 0 评论 -
CSS-6.4-CSS其他常用属性
CSS-6.4-CSS其他常用属性一：列表常用属性二：超链接样式属性CSS其他常用属性1.列表常用属性2.超链接常用属性一：列表常用属性list-style：规定列表的样式属性值none：无样式disc：实心圆无序列表ul默认类型circle：空心圆square：实心正方形decimal：数字有序列表ol默认类型<!DOCTYPE htm...原创 2019-09-13 18:06:59 · 169 阅读 · 0 评论 -
CSS-6.3-CSS常用背景属性
CSS-6.3-CSS常用背景属性一：背景颜色属性1、background-color二：背景图像属性1、background-image2、background-repeat3、background-size4、backgrpund-position5、background-origin6、background-clip7、background-attachment8、backgroundC...原创 2019-09-13 17:22:07 · 636 阅读 · 0 评论 -
CSS-6.2-CSS常用文本属性
CSS-6.2-CSS常用文本属性一：字体、字号与颜色属性1、字体(1)font_family(2)font-style(3)font2、字号(1)font-weight(2)font-size3、字体颜色(1)color(2)opacity二：文本属性1、line-height2、text-align3、letter-spacing4、text-decoration5、overflow(over...原创 2019-09-13 13:30:18 · 338 阅读 · 0 评论 -
CSS-6.1-CSS单位
CSS-6.1-CSS单位一：CSS的单位1、绝对单位2、相对单位一：CSS的单位HTML中的单位只有一种，是像素px，所以可以省略CSS没有默认单位，必须要写上，否则无效1、绝对单位1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pcin英寸lnches(1英寸=2.54厘米)cm厘米Centimetersmm毫米Millime...原创 2019-09-11 12:41:43 · 237 阅读 · 0 评论 -
CSS-5.1-伪类选择器
CSS-5.1-伪类选择器一：伪类选择器1、静态伪类2、动态伪类二：超链接a标签1、超链接的四种状态一：伪类选择器伪类：同一个标签，根据其不同的状态，有不同的样式伪类用冒号来表示伪类选择器分为两种1.静态伪类：只能用于超链接的样式2.动态伪类：针对所有标签都适用的样式1、静态伪类静态伪类：只能用于超链接的样式:link：点击超链接之前:visited：超链接...原创 2019-09-09 21:26:10 · 386 阅读 · 0 评论 -
CSS-4.1-CSS选择器
CSS-4.1-CSS选择器一：基本选择器1、标签选择器CSS选择器指定CSS要作用的标签，那个标签的名称就是选择器CSS选择器分为两大类1.基本选择器2.扩展选择器基本选择器1.标签选择器：针对一类标签2.类选择器：针对想要的所有标签使用3.ID选择器：针对某一个特定的标签使用4.通用选择器（通配符）：针对所有的标签都适用（不建议使用）扩展选择器1.后...原创 2019-09-09 00:04:09 · 698 阅读 · 0 评论 -
CSS-3.1-CSS页面引入
CSS-3.1-CSS页面引入一：外联式1、采用<link>标签2、采用import二：嵌入式三：内联式CSS页面引入方法1.外联式：通过<link>标签，链接到外部样式表到页面中，可以应用在多个页面2.嵌入式：通过<style>标签，在网页上创建嵌入的样式表，范围针对页面3.内联式：通过<style>属性，在标签上直接写样式，范围只针对标...原创 2019-09-08 21:42:54 · 368 阅读 · 0 评论 -
CSS-2.1-CSS单位
CSS-2.1-CSS单位1、绝对单位2、相对单位注意事项1.HTML中的单位只有一种，是像素px，所以可以省略2.CSS没有默认单位，必须要写上，否则无效1、绝对单位1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pcin英寸lnches(1英寸=2.54厘米)cm厘米Centimetersmm毫米Millimetersp...原创 2019-09-08 21:14:10 · 185 阅读 · 0 评论 -
CSS-8.5-网页布局练习
CSS-8.5-网页布局练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页布局</title> <style type="text/css"> #header{ height: 150px; }...原创 2019-09-24 21:13:13 · 303 阅读 · 0 评论