CSS
文章平均质量分 76
忆昔年.
这个作者很懒,什么都没留下…
展开
-
CSS入门教程
一、css基本语法及页面引用1:css基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:div{ width:100px; height:100px; color:red }2:css页面引入方法:1、外联式:通过link标签,链接到外部样式表到页面中。&l...原创 2018-12-19 19:42:36 · 150 阅读 · 0 评论 -
css中的transiton动画
一、CSS3 transition动画1、transition-property 设置过渡的属性,比如:width height background-color2、transition-duration 设置过渡的时间,比如:1s 500ms3、transition-timing-function 设置过渡的运动方式linear 匀速ease 开始和结束慢速ease-in 开始是慢速...原创 2019-01-02 19:44:15 · 552 阅读 · 0 评论 -
css中的transform变换和animation动画
一、CSS3 transform变换1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style flat | preserve-3d 设置盒子是否按3d空间显示7、translateX、...原创 2019-01-05 14:31:02 · 358 阅读 · 0 评论 -
css盒子模型
这是css中的一个重点。在网页中,一切皆盒子。。。盒子一般用块元素表示块元素和行内元素有哪些?一个盒子通常分为四部分:内容(content)边框线(border)外边距(padding)内边距(margin)一、设置边框:大部分的浏览器中,边框的宽度和颜色都是有默认值,而边框的样式默认值都是none边框(border)的简写样式,通过它可以同时设置四个边框的样式,宽度,...原创 2018-12-24 19:51:01 · 112 阅读 · 0 评论 -
css字体的分类及样式
一、分类在网页中将字体分成五大类: serif(衬线字体) sans-serif(非衬线字体) monospace (等宽字体) cursive (草书字体) &原创 2018-12-24 19:13:54 · 1903 阅读 · 0 评论 -
给HTML中的块元素设置背景图片
css中关于块元素的背景有 background 属性。background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项:background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺b...原创 2018-12-28 16:40:51 · 14558 阅读 · 0 评论 -
HTML中元素的层级
在网页中,对于已经开启定位的元素可以设置元素层级,如果元素层级一样,下面的会盖住上面的元素。通过z-index属性可以用来设置元素的层级可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示对于没有开启定位的元素不能使用z-index .box1{ width: 200px; height: 200px; background-c...原创 2018-12-28 16:21:04 · 6929 阅读 · 0 评论 -
css元素定位
我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下:relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位,如果找不到,则相对于body元素进行定...原创 2018-12-28 16:10:27 · 137 阅读 · 0 评论 -
html中的导航条制作
在网页中一个这样的导航条该怎么做呢?用HTML中的无序列表(ul)做然后在给列表设置需要的样式即可:具体参考代码:<!DOCTYPE html><html lang="en"><head> <meta char原创 2018-12-28 15:31:41 · 15358 阅读 · 4 评论 -
css中的clear属性
所有主流浏览器都支持 clear 属性。clear 属性规定元素的哪一侧不允许其他浮动元素。我们有时希望清除掉其他元素浮动对当前元素产生的影响,这时可以使用clear来完成功能 可选值: none,默认值,不清除浮动 left,清除左侧浮动元素对当前元素的影响 right,清除右侧浮动元素对当前元素的影响 both,清除两侧浮动元素对当前元素的影响 ...原创 2018-12-28 15:30:42 · 476 阅读 · 0 评论 -
高度坍塌现象及解决方法
一、高度坍塌根据W3C的标准,在页面中元素都一个隐含的属性叫做Block Formatting Context(块的格式化环境)简称BFC,该属性可以设置打开或者关闭,默认是关闭的 当开启元素的BFC以后,元素将会具有如下的特性: 1.父元素的垂直外边距不会和子元素重叠 2.开启BFC的元素不会被浮动元素所覆盖 3.开启BFC的元素可以包含浮动的子元素 如何开启...原创 2018-12-26 19:36:45 · 620 阅读 · 0 评论 -
HTML中文档流和一些css属性
一、浏览器的默认样式写一个页面的时候,我们如果没有规定元素的内外边距,浏览器就会使用默认样式。我们一般不用这个默认格式,所以就用css中的通配选择器去掉这个默认格式。*{padding: 0px;margin: 0px;}二、内联元素的盒模型...原创 2018-12-26 19:23:43 · 201 阅读 · 0 评论 -
css选择器
css选择器的简单了解这里是几个选择器:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用选择器</title> <style type="text/css"&原创 2018-12-20 20:21:22 · 124 阅读 · 0 评论 -
解决高度塌陷--clearfix
在写项目时可以写一个这样的类用来解决高度塌陷和边距重叠问题。.clearfix:before,.clearfix:after{ content: ""; display: table; clear: both;}因为IE8及以下的版本不兼容before和after伪类,所以可以再写一个样式解决:.clearfix{ display: block; ...原创 2019-01-14 22:49:55 · 705 阅读 · 0 评论