CSS笔记

css笔记

如何让多个元素横向摆放,且可以拖动#root{overflow:auto;}.root-c{width:3000px;}只需要这么简单的设置,class为root-c的元素就会横向摆放并可以拖动.关于margin-top有效,top却无效的情况这是因为position是static的缘故(static是position的默认值),static定位会忽略掉top,right,bottom和left.
卡布奇洛猫·2018-08-30 20:57

css笔记

CSS初识CSS(CascadingStyleSheets)美化样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。CSS外观属性color:
猪上山·2018-06-21 00:20

css笔记

css笔记样式重置body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;font-size:12px;}ul,ol{margin:0;padding:0;list-style:
晨曦001·2018-06-14 21:00

HTML CSS笔记文本效果-渐变效果-边框图片效果

文本阴影文本裁剪文本描边文本填充线性渐变径向渐变边框图片效果：一．属性解释CSS3提供了一个新的属性集合，用这几个属性可以嵌入图片形式的边框。这样，边框就可以自定义了。1.border-image-source//引入背景图片地址2.border-image-slice//切割引入背景图片3.border-image-width//边框图片的宽度4.border-image-repeat//边框背
菜鸟不菜么·2018-05-01 15:20

CSS笔记2

太极与伪元素制作按钮技能条作品展示区boxshadowgeneratorcssanimationgeneratorMDNCSSlineargradientgenerator线形渐变介绍如何使用CSS做出：左右布局左中右布局水平居中垂直居中等其他小技巧修改提交用户名先cp(复制)到resume找到modifyauthor.shcp/e/fe/resume/resume/modifyauthor.sh
饥人谷_sunny·2018-04-11 22:18

CSS笔记2

太极与伪元素制作按钮技能条作品展示区boxshadowgeneratorcssanimationgeneratorMDNCSSlineargradientgenerator线形渐变介绍如何使用CSS做出：左右布局左中右布局水平居中垂直居中等其他小技巧修改提交用户名先cp(复制)到resume找到modifyauthor.shcp/e/fe/resume/resume/modifyauthor.sh
饥人谷_sunny·2018-04-11 22:18

CSS笔记2

本地预览打开gitbashcd到目录http-server-c-l回车image.png知识点一高度是由什么决定的内联元素块级元素line-box是啥box是啥宽度是由什么决定的position的5个取值z-index今天内容大背景图大名片下载按钮进度条非线性布局简历模板简历模板图片编辑软件下载paint.net图片编辑软件壁纸天堂/好看的图片wallhavencss核心知识一个元素高度是由什么决
饥人谷_sunny·2018-04-08 10:21

CSS笔记2

本地预览打开gitbashcd到目录http-server-c-l回车image.png知识点一高度是由什么决定的内联元素块级元素line-box是啥box是啥宽度是由什么决定的position的5个取值z-index今天内容大背景图大名片下载按钮进度条非线性布局简历模板简历模板图片编辑软件下载paint.net图片编辑软件壁纸天堂/好看的图片wallhavencss核心知识一个元素高度是由什么决
饥人谷_sunny·2018-04-08 10:21

《11.CSS布局与定位》CSS笔记

一.运行在http协议下：在预览页面用http协议，命令行切换到当前文件夹，执行命令npmi-ghttp-server安装，然后在对应的文件夹执行http-server-c-1，复制地址，即可用http协议查看正在码的html。二.CSS注意点：1.元素的高度由内容决定，div的高度由其内部文档流元素的高度总和决定，文档流就是文档内元素的流动方向。2.块元素中输入英文是不会自动换行的，需要加wor
Ivan_Xing·2018-04-06 12:35

揭秘CSS笔记

半透明边框通过rgb和hsla进行颜色设置：border:10pxsolidhsla(0,0%,100%,.5);background:yellowgreen;background-clip:padding-box;设置padding-box代表浏览器会用内边距来裁剪背景，这时候border下的背景是padding外的。而默认是border-box，border下的背景是padding，则透明边框
孤独的程序猿啊·2018-03-18 11:24

CSS笔记下

1.CSS的特性：a.CSS的层叠性：CSS的层叠性，也就是说后来设置的样式会层叠（覆盖）之前的样式，层叠性的前提示CSS的选择器的优先级相同。b.CSS的继承性：CSS的继承性是指，子容器的样式会继承父容器的样式。但并不是所有的样式都能继承。只有部分样式能继承，比如：文字相关字体大小、颜色、字体样式、行高、鼠标样式等。盒子相关的样式都不能继承，比如：宽高、背景色、边距、浮动、绝对定位等。c.CS
兔子爱上猪·2017-12-05 23:49

CSS 速查（几乎涵盖所有属性，用时三天整理）

CSS笔记速查使用CSS外部样式表文件内容：hr{color:sienna;}p{margin-left:20px;}body{background-image:url("images/back40.gif
静候那一米阳光·2017-12-05 00:20

【css笔记】- Flex 布局详细使用记录

寻根溯源话布局一切都始于这样一个问题：怎样通过CSS简单而优雅的实现水平、垂直同时居中。记得刚开始学习CSS的时候，看到float属性不由得感觉眼前一亮，顺理成章的联想到Word文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现CSS中并不存在float:center的写法，那么text-align:center、verticle-align:center是否可行呢？答案也是否定的。
小朋友的爸爸·2017-11-14 16:27

css笔记：清除子元素对父元素的浮动效果的三种方法

对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。例如：clear_float#father{border:1pxsolid#000;background:#ccc;}.child{width:100px;height:100px;background:red;float:
YaoDeBiAn·2017-09-16 11:05

CSS笔记——absolute

absolute&&float  前面的浮动讲到过，浮动具有包裹性和破坏性；而absolute也有这两大特性。包裹性：    我们给容器设置了absolute属性以后，它会把内容紧紧地包裹起来。破坏性：    内容设置了absolute属性以后，父元素会发生高度塌陷。absolute使用误区  absolute可以独立使用，不一定非得和relative一起使用。absolute特性1）与float
TimChen666·2017-09-01 17:56

HTML/CSS笔记整理

HTML/CSS部分1、/*清除浮动由于浮动元素会影响到其前后的元素及父级元素width，height等属性，解决：清除浮动，减少对其他元素造成的影响1、为父级元素指定宽高--只适合高度固定的布局2、在浮动元素末尾增加空div，并设置clear:both;3、利用父元素：伪类after实现4、让父级元素一起浮动5、为父元素定义display:table;6、为父级元素设置overflow:hidd
JOY_LiuLiu·2017-08-24 14:22

CSS笔记1

1.CSS层叠样式表(CascadingStyleSheets)2.引入方式：1.行内样式；2.内嵌样式；3.链接样式，文件扩展名为.css4.导入样式@importurl("")放在最上面，后面样式会覆盖上面样式。导入式的结果和直接书写是同样的效果。5.引入方式的优先级：!important（最重要，优先级最高）（10000）*通配符（优先级最低）（0.5）内嵌式（1000）>id（100）>c
流年_5b94·2017-08-06 14:54

flexbox 布局

title:flex布局date:2017-07-0714:13:33tags:css笔记flexbox是什么即使不知道视窗大小或者未知元素情况之下都可以智能的、灵活的调整和分配元素和空间两者之间的关系
Gary23·2017-07-07 14:38

css的ie6兼容问题

title:css的ie6兼容问题date:2017-06-1313:45:13tags:css笔记png图片的兼容性png的图片在ie6下默认不是透明的，所以需要处理一下。
Gary23·2017-07-03 10:45

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2017-03-15 10:02

CSS笔记中

1.CSS选择器a.标签选择器：标签选择器就是选择当前页面中相同名字的标签。b.通配符选择器：通配符*代表所有的标签。通过通配符选择器可以选择页面中的所有的标签。穿透力很强。*{}c.ID选择器：A.HTML标签中ID的属性值在一个页面中必须是唯一的。B.ID选择器是可以帮助我们选择当前页面中唯一id值的标签，也就是根据标签的id属性值进行选取设置样式。C.ID选择器的的符号是#号。d.类选择器：
兔子爱上猪·2017-02-20 21:14

CSS笔记上

1.CSS的定义CSS指层叠样式表(CascadingStyleSheets)，CSS就是控制页面布局和样式。CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器
兔子爱上猪·2017-02-19 16:02

css笔记详解（1）

css讲解首先在我们学习css之前先来思考一个问题，为什么html标签上不直接改变样式，而要将文档结构和样式分离，分别用html和css来表示呢?其实我个人认为这样分离带来的好处明显，我总结了几点：1.可以实现样式重用，提高了工作效率。2.可以更加细致的分工开发。3.使文件结构变的更加清晰。1:css语法CSS规则由两个主要的部分构成：选择器以及一条或多条声明，即：选择器{属性:值;属性:值;….
雨点的名字·2017-01-17 14:00

css笔记：CSS显示图片中间区域

css在不改变图片尺寸情况下在固定容器内显示图片的中间区域下面三种方法：①②作为容器的背景图片③相对定位绝对定位，设置left，top的值.div1{width:100px;height:100px;position:relative;}.div1img{widht:500px;height:300px;position:absolute;left:-250px;top:-150px;}
Miss_Audrey·2016-12-09 22:19

HTML&CSS笔记(2)

CSS格式化排版文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性，如下：body{font-family:"宋体";}不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体一般网页喜欢设置“微软雅黑”:body{font-family:"MicrosoftYahei";}或body{font-family:"微软雅黑";}注
wq04200·2016-11-26 12:10

一些CSS笔记

text-align:justify;//实现文本两端对其民间偏方：以下两行都写上text-align:justify;text-justify:inter-ideograph;text-decoration:none;underline;//下划线overline;//上划线line-through;//文本中穿过blink;//闪烁transition：转换transform：变换animat
抓住时间的尾巴吧·2016-10-17 09:08

HTML&CSS基础学习笔记1.32-选择器是什么

先做个了解，底下的css笔记会详细介绍不同的选择器~ 使用外链样式表添加样式 错误 我打江南走过 那等在季节里的容颜如莲花的开落 东风不来，三月的柳絮不飞 你的心如小小的寂寞
octopole·2016-09-27 10:00

HTML&CSS基础学习笔记1.32-选择器是什么

先做个了解，底下的css笔记会详细介绍不同的选择器~使用外链样式表添加样式错误我打江南走过那等在季节里的容颜如莲花的开落东风不来，三月的柳絮不飞你的心如小小的寂寞的城恰若青石的街道向晚跫音不响，三月的春帷不揭你
octopole·2016-09-27 10:00

HTML&CSS基础学习笔记1.32-选择器是什么

先做个了解，底下的css笔记会详细介绍不同的选择器~使用外链样式表添加样式错误我打江南走过那等在季节里的容颜如莲花的开落东风不来，三月的柳絮不飞你的心如小小的寂寞的城恰若青石的街道向晚跫音不响，三月的春帷不揭你
octopole·2016-09-27 10:00

css笔记

引入css的四种方式：1、行内样式，直接在标签内写css控制命令2、内部样式，在head中间插入/*这里写css控制命令*/ 3、引入样式，在head中间插入4、导入样式，一个css文件中导入另一个css，第一个css文件用link引入到页面     导入方法:@importurl(需要导入的css路径.css);边框：div{ width:100px;//宽 height:100px;//高 b
·2016-05-11 08:00

css笔记

CSS概述CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一层叠次序当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其
apple_llb·2016-03-29 15:00

css笔记——区分css3中的transform transition animation

出处：http://blog.csdn.net/dyllove98/article/details/8957232 CSS3中和动画有关的属性有三个  transform、 transition 和 animation。下面来一一说明: transform   从字面来看transform的释义为改变，使…变形；转换。这里我们就可以理解为变形。那都能怎么变呢？none表示不进行变换；rotate旋
青草圆·2016-03-25 15:00

css笔记——区分css3中的transform transition animation

出处：http://blog.csdn.net/dyllove98/article/details/8957232 CSS3中和动画有关的属性有三个  transform、 transition 和 animation。下面来一一说明: transform   从字面来看transform的释义为改变，使…变形；转换。这里我们就可以理解为变形。那都能怎么变呢？none表示不进行变换；rotate旋
青草圆·2016-03-25 15:00

css笔记——小图标文字对齐中级解决方案

出处：http://www.zhangxinxu.com/study/201603/icon-text-vertical-align.htmlcss.icon{ display:inline-block; width:20px;height:20px; background:url(delete.png)no-repeatcenter; white-space:nowrap; lette
青草圆·2016-03-25 11:00

CSS笔记——padding，margin为百分比计算时的参照对象

div的padding为百分比的两种情况padding-top,padding-bottom,margin-top,margin-bottom是百分比时是按照当前元素的父级元素的宽度来计算的 1.当div的宽度是百分比时html代码 无标题 html,body{ margin:0; padding:0; height:100%; } .row{ width:10
青草圆·2016-03-24 10:00

css笔记--用户界面样式

1.系统字体，系统颜色。根据关键字设置为系统某方面相同的字体和颜色2.光标：鼠标移入时光标的不同显示方法，有十字键，手型：cursor:pointer;cursor:hand;要按顺序，cursor：hand为兼容ie63.轮廓：outline,脱离文档流，outline-width,outline-color;outline-style;都只能设置一个值，而border可以设置四个值
印前·2016-02-26 15:00

前端css笔记2016-2-16

一、display:none与visible:hidden的区别一、display:none与visible:hidden的区别display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。visible:hidden---使对象在网页上不可见，但
ZhouM1118·2016-02-16 11:43

【CSS笔记】CSS3美化复选框和单选框

以前在网上看到各种有关css3美化复选框和单选框的例子，今天整理出来，方便以后查看。此例涉及到：input和lable的绑定，opacity（不透明度）的使用先上效果： 复选框源码：  CSS3美化复选框 form{ border:1pxsolid#ccc; padding:20px; width:300px; margin:30pxauto; } .wrapp
海岛心·2016-02-12 10:00

【CSS笔记】css3制作立体导航

此例设计到：css3，伪类等。源码： CSS3制作立体导航 body{ background:#ebebeb; } .nav{ width:560px; height:50px; font:bold0/50pxArial; text-align:center; margin:40pxauto0; background:#f65f57; /*制作圆*/
海岛心·2016-02-11 15:00

【CSS笔记】使文字在一行显示，超出部分用省略号显示

CSS代码：text-overflow:ellipsis;overflow:hidden;white-space:nowrap;说明：text-overflow:用来设置是否使用一个省略标记（···）标示对象内文本的溢出。white-space:nowrap;强制文本在一行内显示。overflow：hidden;溢出内容为隐藏。必须三者同时用的时候才会实现溢出文本显示省略号附：多行显示的方法：ov
海岛心·2016-02-11 14:00

【CSS笔记】display：inline-block的使用

在将块级元素水平排列时除了有float：left的方式。另外一种比较好用的方法就是display:inline-block;使用后产生一个后果就是元素之间会有间隙。导致原因：编写代码时的回车，换行。去除办法：1.将所涉及到的html写在同一行（显然这样是很不靠谱的）  2.给ul 所在的 div 设置：font-size:0;给ul li 单独设置font-size;
海岛心·2016-02-10 17:00

HTML+CSS笔记 CSS笔记集合

HTML+CSS笔记表格,超链接,图片,表单涉及内容:表格,超链接,图片,表单HTML+CSS笔记CSS入门涉及内容:简介,优势,语法说明,代码注释,CSS样式位置,不同样式优先级,选择器,选择符HTML
EchoRep·2016-02-10 10:00

HTML+CSS笔记 CSS中级 一些小技巧

水平居中行内元素的水平居中在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。语法: 我是文本，哈哈，我想要在父容器中水平居中显示。 div.txtCenter{ text-align:center; }
EchoRep·2016-02-10 10:00

HTML+CSS笔记 CSS中级 颜色&长度值

颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色语法: p{color:red;} 2、RGB颜色这个与photoshop中的RGB颜色是一致的，由R(red)、G(green)、B(blue)三种颜色的比例来配色 p{color:rgb(133
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS中级 缩写入门

盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。语法: margin:10px15px12px14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有三种缩写的方法:1、如果top、right、bottom、left的值相同，
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS进阶再续

CSS的布局模型清楚了CSS盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是CSS最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的CSS布局样式或CSS布局模板。如果说布局模型是本，那么CSS布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer和Float。在网页中，元素有三种
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS进阶续集

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。语法: a{display:block;} 块级元
EchoRep·2016-02-09 21:00

HTML+CSS笔记 CSS进阶

文字排版字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。语法: body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”关于字体的问题可以参考阮一峰的经
EchoRep·2016-02-09 16:00

HTML+CSS笔记 CSS入门续集

继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代(标签)。语法: p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。 上面代码展示了:某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。语法: p{border:1
EchoRep·2016-02-09 15:00

HTML+CSS笔记 CSS入门

简介:CSS全称为“层叠样式表(CascadingStyleSheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。举个栗子: p{ font-size:12px; color:red; font-weight:bold; } 使用CSS给标签加上特效,字体变大加粗,颜色标红.使用CSS样式的一个好处是通过定义某个样式，可以让
EchoRep·2016-02-09 14:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他