HTML&CSS学习

css学习小节

了解了一点html后，进一步在去了解css。css的编码个人感觉风格有点像c语言，在语句结束后都需要用一个";"（分号）进行结尾。1.首先是几种常用的css样式①内联式：将css代码插入到元素开始的标签；eg：文字变红这样在~中的文字都会变成红色。②嵌入式：需要先在中加入p(可以是某个元素的标签或者用"class"和"id"){(填入需要修改的元素)color:red;text-align:cen
矮萌杰·2019-12-06 09:06

css学习笔记之浮动

1浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?特征：1使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素则停下。2浮动样式可以应用在块元素及行内元素上。元素浮动之后不占据原来的位置。3元素在一排显示，相邻间没空隙。应用在行内元素上时可以让其像块级元素一样设置宽高。对父容器的影响：如果一个父容器的子元素都是浮动元素，且本身没有设置宽高就会导致父元素塌
IsGirl·2019-12-06 07:15

CSS学习笔记-动画模块

动画模块：1、过渡和动画之间的异同1.1不同点（1）过渡必须人为触发才能执行（2）动画不需要人为触发就可以执行1.2相同（1）过渡和动画都是可以用来给元素添加动画的（2）过渡和动画都是系统新增的一些属性（3）过渡和动画都需要满足三要素才有动画效果2、格式：2.1三要素：（1）告诉系统需要执行的动画名称animation-name:animation_name;（2）创建一个带名称的动画①第一种创建
_脑袋空空·2019-12-05 21:00

CSS学习笔记-盒子阴影及文字阴影

盒子阴影：1、格式：box-shadow:h-shadowv-shadowblurspreadcolorinsert;box-shadow:水平偏移垂直偏移模糊度阴影扩展阴影颜色内外阴影;2、注意点：2.1盒子的阴影分为内外阴影，默认情况下为外阴影2.2快速添加阴影只需要编写三个参数即可：box-shadow:水平偏移垂直偏移模糊度;2.3默认情况下阴影的颜色和盒子内容的颜色一致2.4当水平与垂直
_脑袋空空·2019-12-05 21:00

CSS学习笔记-2D转换模块

2D转换模块：1、旋转1.1格式：transform:rotate(45deg);1.2含义：表示旋转多少度2、平移：2.1格式：transform:translate(100px,-100px);2.2含义第一个参数：水平方向第二个参数：垂直方向3、缩放：3.1格式transform:scale(1.5,1);3.2含义·第一个参数：水平方向缩放第二个参数：垂直方向3.3注意点：(1）如果取值是
_脑袋空空·2019-12-04 23:00

CSS学习笔记-过度模块-编写过渡效果

过渡模块-编写过渡效果：1、编写过渡套路：1.1不要管过渡，先编写基本界面1.2修改我们认为需要修改的属性1.3再给被修改属性的元素添加过渡即可2、弹性效果*{margin:0;padding:0;}div{height:100px;background-color:red;font-size:80px;margin:200pxauto;text-align:center;}divspan{/*t
_脑袋空空·2019-12-04 16:00

CSS学习笔记-过渡模块

过渡模块：1、过渡三要素1.1必须要有属性发生变化1.2必须告诉系统哪个属性需要执行过渡效果1.3必须告诉系统过渡效果持续时长2、格式：div{width:100px;height:100px;background-color:red;transition-property:width;transition-duration:0.5s;}div:hover{width:300px;}(:link默
_脑袋空空·2019-12-04 15:00

HTML与CSS学习笔记(7)

1、响应式布局利用媒体查询，即mediaqueries，可以针对不同的媒体类型定义不同的样式，从而实现响应式布局。常见选项：媒体类型and、notmin-width、max-width:例如@mediaalland(min-width:500px)and(max-width:700px){.box{background:blue;}}当分辨率大于最小宽度并小于最大宽度时，执行{}内的样式(注意an
AhuntSun·2019-12-04 14:00

HTML与CSS学习笔记(6)

1、flex弹性盒模型在父容器中添加display:flex;把父容器变为弹性盒模型作用(写)在flex容器上作用(写)在flex子项上flex-directionorderflex-wrapflex-growflex-flowflex-shrinkjustify-contentflex-basisalign-itemsflexalign-contentalign-self*快速写子类的方法：di
AhuntSun·2019-12-04 14:00

HTML与CSS学习笔记(5)

1、文字阴影？（针对文字）text-shadow：例如text-shadow:10px10px10pxblue;四个值分别是xyblurcolorblur表示模糊值，越大越模糊注：阴影的默认颜色是跟文字的颜色相同；通过逗号的方式进行分割，可以设置多阴影2、box-shadow:盒子阴影（针对容器）xyblurcolorinset多阴影例如：box-shadow:10px10px10px30pxbl
AhuntSun·2019-12-04 14:00

HTML与CSS学习笔记(4)

1、浏览器前缀浏览器厂商以前就一直在实时CSS3，但它还未成为真正的标准。为此，当有一些CSS3样式与法还在波动的时候，他们提出了针对不同浏览器的前缀，来解决兼容性问题。即：CSS3去兼容不同的浏览器，针对旧的浏览器做兼容，新浏览器基本不需要添加这个前缀了。浏览器内核前缀IETrident-ms-FirefoxGecko-moz-OperaPresto-o-ChromeWebkit-webkit-
AhuntSun·2019-12-04 14:00

HTML与CSS学习笔记(3)

1、float浮动脱离文档流：沿着父容器靠左或者靠右进行排列文档流文档流是文档可显示对象在排列时所占用的位置float特性left、right、nonefloat注意点：只会影响后面的元素,对于浮动元素之前的元素是不造成任何影响的内容默认提升半层，可实现图文混排样式默认宽根据内容决定换行排列，一行放不下浮动元素就会换行排列主要给块元素添加，但也可以给内联元素添加如何清除浮动？上下排列：clear，
AhuntSun·2019-12-04 13:00

HTML与CSS学习笔记(2)

1、CSS背景样式？background-color背景色background-image背景图url（背景地址）默认：会水平垂直铺满背景图background-repeat平铺方式repeat-xx轴平铺repeat-yy轴平铺repeat（x和y都进行平铺，默认值）no-repeat都不平铺background-position背景位置xy如果为正数：图片就会往右和下进行偏移；如果为负数：图片
AhuntSun·2019-12-04 13:00

HTML与CSS学习笔记(1)

1、web三大核心技术？HTMLCSSJavaScript2、HTML基本机构和属性HTML:超文本标记语言超文本：文本内容+非文本内容（图片、视频、音频等）标记：语言：编程语言标记也叫做标签：写法分为两种：单标签：双标签:创建标签的快捷键：tab+单词->标签可以上下排列也可以嵌套。HTML常见标签：http://www.xuanfengge.com/funny/html5/element/标签
AhuntSun·2019-12-04 13:00

永不退缩地跟着李南江学习HTML5—CSS学习

“劈啪啪”。伴随着几声稀疏的鞭炮响，年关将近。可我们还一直坚守在学习的岗位上，不与世俗所打扰，不与世俗所争锋。来到大地商务港正门，放眼望去，有一个可以通往八楼的电梯，而旁边是连接楼顶的楼梯，左侧则是一个洽谈区，前面零零落落的摆放着几张沙发椅，供人休息，显然是一个宽敞的接待室。那我们就乘上电梯，顺着电梯层就来到了六楼，出了电梯我们往左拐，再左拐两次，最后直走来到最里面的教室四。推开外门，首先映入眼帘
草了粪的翔就是香·2019-11-30 09:54

@: llog-81-20170913-我该在哪

时间：20170913Wed坐标：北京天气：晴今天得知停电会持续到周五晚十一点，热～昨晚查资料时看到张鑫旭在2012年写的一篇文章[说说CSS学习中的瓶颈],那年我正在高二，文中他谈了自己关于CSS学习过程中瓶颈的观点
废柴芬格尔·2019-11-30 06:17

htm5 css学习笔记整理

点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space:nowrap）、省略号（text-overflow:ellipsis）——常见
NEWNGAPI·2019-11-26 03:00

scss学习笔记

一、scss是什么？Sass有两种语法格式。首先是SCSS(SassyCSS),也是本参考资料示例所使用的格式,这种格式仅在CSS3语法的基础上进行扩展，这意味着每个CSS样式表是一个同等的SCSS文件。此外，SCSS也支持大多数CSShacks写法以及浏览器专属前缀语法(vendor-specificsyntax)，例如，IE古老的filter语法。这种语法的样式表文件需要以.scss作为拓展名
秦语川·2019-11-18 08:28

CSS入门学习笔记

CSS学习笔记CSS＝层叠样式表cascadingstylesheetsHTML表达结构，CSS表达样式样式和内容／结构是分离的加入CSS的方式做一个web的CSS文件在头部加入标记，定义规则单个标记里面
歌白梨·2019-11-08 20:26

CSS学习的一部分内容

本篇是将CSS中的表格，轮廓，定位，浮动的学习进行的总结。完全个人理解，仅供参考。（耶！！！）CSS表格CSS表格：CSS表格属性可以帮助我们极大的改善表格的外观。表格边框（solid）折叠边框（collapse）表格宽高表格文本对齐表格内边距表格颜色例如以下示例：CSS表格示例其外部样式表为：外部样式表示例CSS轮廓CSS轮廓属性包括6种：outline（设置轮廓属性）outline-color
StrawberrySan·2019-11-08 15:37

天明跟着李南江学习HTML5—HTML学习/CSS学习

HTML的学习已经告一段落了，接下来就开始学习CSS了，刚开始体验CSS以及CSS的格式，html的学习为CSS做了铺垫，依然是富有激情，富有磁性的声音的江哥亲自授课，在教室聆听江哥的声音比看视频好多了。在教室想学习比起以前看江哥的视频效率更高，这里有很多一起学习的小伙伴，大家都和团结的，有什么问题都相互讨论相互学习。遇到不明白的先问下同桌和旁边的人，或者问老师，当然是优先选择近的，就近原则嘛，这
爱的告白_4732·2019-11-08 13:43

啊懒人跟着李南江学习HTML5—css学习感想

学习完HTML的基础标签后，开始转入学习CSS的阶段，如果所标签是骨架的话，那么CSS就是血肉了。学习CSS比之前基础标签的东西要多的多得也要难一些，有100多个视频都是在讲的CSS，CSS中给我感觉比较难弄的是定位和浮动的搭配使用，比如如何使用定位比如子绝父相，如何利用浮动搭配基础标签ul来做导航，浮动后一些样式的失效等等，其他的还有选择器和动画模块，这些都需要掌握，这时江哥带着做的小项目-网易
啊懒人·2019-11-08 02:36

HTML+CSS学习笔记 (11) - CSS盒模型

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、元素分类--块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下
王隆帅·2019-11-07 12:57

CSS学习之选择器

\*：通用元素选择器，可匹配任何元素*{padding:0;margin:0;}E：标签选择器，HTML标签，匹配所有使用E标签的元素p{color:red;}\#foo：id选择器，匹配所有id值为foo的元素，唯一的；.foo：class选择器,匹配class属性包含foo的元素，可复用。E,F：E与F用逗号隔开，同时匹配所有E元素，F元素；E>F：匹配父元素为E的所有F元素；E+F：匹配所有
郭子林·2019-11-07 04:11

梁志聪+跟着李南江学习HTML5—CSS学习

由于随着互联网的发展，人们对HTML的需求越来越大，需要HTML增加新的元素去完成特定的功能。因此CSS应运而生。在前端开发中HTML只有一个功能就是用来修改样式。在学习了一段CSS之后发现CSS真的跟南江哥视频里说的一样，CSS只要学好了CSS属性和CSS选择器，就没有别的东西了。我觉得CSS是一个很强大的东西，它的出现能让网页更加丰富多彩。我觉得学CSS的难点就在于如何去把CSS的选择器运用好
TobyLeung·2019-11-06 16:28

Purple Rain跟着李南江学习H5-css学习感想

学习HTML5之前就一直听江哥重点地提到，HTML标签只用来给文本添加语义,css是用来修改样式的，所以忍不住想像CSS到底有多神奇，迫不及待地想去接触这个全新的知识点。看了江哥老师的CSS视频，感觉使用css样式可以使代码更加的简化，不用再给每一行代码都加上一个相同的属性，可以大大的减少我们的代码量，可以使我们的代码更加简洁，脉络看起来更清晰，同时老师视频里还讲解了各种代码的快捷键，可以提高我们
mushxp·2019-11-06 06:44

CSS学习3（字体）

字体系列这是最乱的地方，几乎所有的字体都有多种名字。同种字体的不同风格（斜体，加粗等等）也有不同的名字，为了解决这个问题，CSS使用font-family表示一个系列的字体，包括这种字体的各个风格。设置时，你可以指定字体系列，也可以指定特定的字体。字体可以设置多个，用户代理会依次查找，直到找到第一个可用的为止。font-family:"s","Monaco","Times",sans-serif;
exialym·2019-11-05 16:57

CSS学习笔记1：引入CSS文件

引入CSS主要有3种方式：引入外部样式表、使用内部样式表和行间样式。1.外部样式表常见的标签引入rel和href属性不可省。type和media属性可以省略不能混入HTML标签，包括HTML的注释，否则会影响标签之后的css样式的识别可以加载多个样式表可以有候选样式表，用“alternatestylesheet”标注@import引入外部样式表但是必须在style标签内引入，并且至于CSS规则之前
Nikkkki睡不醒·2019-11-05 11:55

心之壁跟着李南江学习HTML5—CSS学习

“HTML的标签是给内容添加相关语义的而不是改变内容样式的，需要给内容添加样式需要用到CSS”以江哥的教诲来引出CSS的学习。CSS就是专门用来改变内容的样式的，内容丰富，功能强大，涉及面广，掌握起来也比较容易，只要知道英语单词是什么意思,就是组合出自己想要的效果。举个通俗易懂的例子：相信大家都听过那首洗脑歌PPAP吧，歌词是Ihaveapen,Ihaveanapple.(Uhh~)Apple-p
心之壁·2019-11-05 07:24

【2016年特别福利】史上最全CSS学习资料大全

基础篇CSS最核心的几个概念CSS简写指南CSS样式基础CSS样式设置CSS布局模型CSS文字排版你不得不知道的CSS字体那些事儿CSS中的颜色值和长度值CSS选择器分类30个你必须记住的CSS选择符CSS元素分类浅谈CSS伪类分类进阶篇CSS专业技巧收集CSS小技巧CSS代码优化CSS的继承、层叠、特殊性和重要性CSS的使用中你可能不知道的7件事Web开发中20个很有用的CSS库11个学习CSS
慕课网·2019-11-04 18:48

2017-02-17 css学习笔记

背景颜色如何设置标签的背景颜色在css中有一个background-color:属性，就是专门用来设置标签的背景颜色的取值具体单词rgbrgba十六进制div{width:500px;height:500px;}.box1{background-color:red;}.box2{background-color:rgb(0,255,0);}.box3{background-color:rgba(0
GodlinE·2019-11-04 04:36

CSS学习之旅(总结篇)

css个人总结1.什么是css，指的是叠层样式表，控制网页的的外观显示。2.引入css的三种方式，外部链接，内部链接，内联，分别的语法是，,,style="属性：值"3.css选择器，选择器就是要针对你要所改变的元素，而单独定义的样式，就常见的选择器：ID，CLASS,元素选择器，子元素选择器，群组选择器，相邻选择器，id选择器是唯一的意思是，只能定义一个id名相同的，class选择器，类选择器，
sophies·2019-11-04 00:31

CSS学习笔记（一）

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

浅水的鱼跟着李南江学习HTML5—CSS学习

一、文字相关属性:1.规定文字样式的属性格式：font-style:italic;取值：normal：正常的，默认就是正常的italic:倾斜的快捷键：fsfont-style:italic;fsnfont-style:normal;2.规定文字粗细的属性格式：font-weight:bold;单词取值:bold加粗bolder比加粗还要粗lighter细线，默认就是细线数字取值：100-900之
shaozf·2019-11-02 23:01

css学习

子选择器：.food>li{border:1pxsolidred;}用于选择指定标签元素的第一代子元素。包含选择器：.firstspan{color:red;}子选择器（childselector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。通用选择器：*{font-size:20px;}伪类选择符：hovera:hover{color:red
一条自由自在的鱼·2019-11-02 17:54

Html和css学习笔记（w3school+慕课网）（一）

Html和css学习笔记（w3school+慕课网）（一）tip：以下是个人防遗忘而在w3school和慕课网上重新复习基本的HTML和CSS知识所做的笔记,有不足之处望指正。
恰皮·2019-11-02 12:30

赵先笙i跟着李南江学习HTML5-CSS学习

学习完了HTML，紧接着就进入了CSS的学习。HTML是负责给文本添加语义，CSS则是给非页面定义样式。还是习惯性的通过江哥的教学视频来学习CSS，首先学习的是一些基本的标签，我觉得一个对于标签来说比较重要的就是一个关于优先级的问题，当多个选择器选中同一个标签，并且给同一个标签设置相同属性时，如何层叠就由这个优先级来决定。然后是一些属性，列如文字的font属性、颜色color的属性等等，还有很重要
赵先笙i·2019-11-02 09:49

说说CSS学习中的瓶颈

本文转载自说说CSS学习中的瓶颈"张鑫旭-鑫空间-鑫生活**。0写在前面虽已数年，但未就学习专门写过文章，这回破处了。
destiny0904·2019-11-01 21:58

Natural_呆_柯闪电跟着李南江学习HTML5—CSS学习

紧接上话。前端的核心就是HTML（语义）+CSS（样式）+JS(交互)，听一位大神跟我说过：“学好CSS的难度甚至大于学好一门服务器语言”。在小码哥学习CSS的过程中，也知道了得多选择器如（nth-child()，ul>li），CSS3中新增的CSS模块（文字特效。2D/3D转换动画。多列布局。用户界面等），CSS的多种配合使用。以前做网站原来一直处于一种茫然的状态，边做边想，边实践边维护，每每遇
Natural_呆_柯闪电·2019-11-01 01:03

老白的全栈开发学习之路 2 第一步完成

HTML和CSS学习的简短回顾HTML是网页内容载体，分为和两块。里面的metainfo，如CSS定义了里主体部分的内容（contemt），比如尺寸，字号，颜色，位置等等。
feiben·2019-10-31 13:59

html与css学习

（不知道是不是回答的太粗糙）html，css学习本次基础的学习和应用了HTML、css语言，并用它们写出了第一个简陋的
lijingqi_hbut·2019-10-27 18:17

CSS学习笔记 | 语法规范 代码风格

CSS学习笔记本文内容：一、CSS简介1.简介2.语法规范3.代码风格3.1样式格式书写3.2空格规范一、CSS简介1、简介CSS是层叠样式表的简称，也称之为CSS样式表或级联样式表。
hz0220·2019-10-26 11:15

HTML和CSS学习

HTML和CSSHTML基础讲解要点：标记语言不是编程语言.html和.htm都是html文档的后缀标签有围堵和自闭两类开始标签中可以定义属性，属性的值要用引号引起来H5一般用于移动端的开发文件标签H5中新增了一个lang标签，放在之后，用于表示页面目标群体所在的国家，我们一般这样写：meta标签用来指定字符集:注意，html中的注释格式为：图片标签图片标签是自闭标签相对路径从html所在的文件夹
这样正好·2019-10-19 21:00

网页前端之CSS学习记录总结篇【未完待续】

标签：块级标签block：div,p,h1-h6,ul,ol，li,dl,dt,dd，table,tr等，独占一行，可以设置宽高，默认是父标签的100%；行内标签inline：a，span,strong,i,u,em等，在一行内显示，不可以设置宽高，默认是字体的大小；p标签自带边距margin16px；body是8px;display将标签转化为行内或者块级标签；行内块标签inline-block
天青色wy·2019-10-18 22:00

HTML&CSS学习笔记

学习总结：重要三部分（CSS规则，盒子，布局）一、常见标签块级标签/内联标签什么是块级标签：1、独占用一行，不和其他元素同在一行上2、能设置宽高块级标签：p、h1-h6、ul、li、dl、dt、dd什么是内联标签：1、不会独占一行，紧跟在其他内联标签后面2、不能设置宽度内联标签：a、span、input、img等二、CSS规则外部CSS样式/内部CSS样式1）外部样式的使用使用link来链接到cs
那个杰克·2019-10-05 11:00

css学习笔记之position属性

static（静态定位/常规定位/自然定位）：作用：使元素定位于常规/自然流中（快、行垂直排列下去，行内水平从左到右）特点：1.忽略top、bottom、left、right、z-index声明2.两个相邻元素设置外边距，最终外边距=两者中的外边距最大值3.具有固定width和height值的元素，如果把左右外边距设为auto，则这个元素水平居中relative（相对定位）：作用：使元素成为con
good_night_9527·2019-10-03 22:48

css学习笔记

文章目录cssblockinlineinline-block行高垂直居中CSS继承细线边框padding会让盒子变大插入图片和背景图片的区别外边距合并盒子的大小盒子的圆角盒子阴影浮动浮动的特性清浮动定位静态定位相对定位绝对定位子绝父相绝对定位的盒子水平/垂直居中固定定位模式转换**z-index**其他outlineresizevertical-alignword-breakwhite-space
chaleaoch666·2019-10-02 20:41

CSS学习笔记(十) 样式覆盖规则

有的时候CSS真的十分调皮，明明我们给一个元素指定了样式，但是在页面上却没有一点改变这时我们就要考虑是不是别处指定的样式覆盖了当前指定的样式呢？所以了解一下样式覆盖规则还是十分有必要的，对于一个元素的某个属性而言，表现出来的样式会遵循以下的规则（1）内联样式>内部样式表/外部样式表#title{color:red;}/*内部样式表*/HelloWorld【最终效果（内联样式优先）】HelloWor
wsmrzx的博客·2019-10-02 16:00

Animate.css学习笔记。

Animate.css:(1)引入animate.css文件(2)给指定的元素加上指定的动画样式名这里包括两个class名，第一个是基本的，必须添加的样式名，任何想实现的元素都得添加这个。第二个是指定的动画样式名。(3)如果说想给某个元素动态添加动画样式，可以通过jquery来实现：$("#yourElement").addClass("animatedbounceOutLeft");(4)当动画
zs_staria·2019-09-23 06:32

CSS学习笔记——选择器的使用

CSS的使用1、作用：美化与布局界面2、引用语法：A)内部：在HTML页面内通过style标记设置，仅供当前页面内使用B)外部：单独定义一个样式表文件（以CSS作为后缀名）在HTML页面中用标记（href属性指定CSS文件路径，rel指定文件与页面的关系，或固定为stylesheet；或style标记添加@import指令引入，可以供多个页面使用）C)行内：在HTML页面内，通过style属性进行
闲小憨·2019-09-18 00:53
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他