HTML&CSS学习

CSS学习笔记二

盒子模型：（重点）盒子模型（CSS框模型）规定了元素框处理元素内容、内边距、边框、外边框等样式记住上面这一张图！一定要记住！一定！一定！内边距、边框和外边距是可选参数属性，默认值：0；很多元素由用户代理样式表设置外边距和边框，通过将元素的margin外边距和padding内边距设置为0来覆盖这些浏览器样式在CSS中，width和height指的是内容区域的宽度和高度；增加内边距、边框和外边距不会影
王宇阳·2019-09-01 14:00

CSS学习笔记一

CSS选择器：CSSid选择器：id选择器可以为标有特定id的HTML元素指定特定的样式id选择器是以“#”来定义的Node#red{color:red;}#green{color:green;}id选择器：red--红色id选择器：green--绿色id选择器常建立派生选择器#sidebarp{font-style:italic;text-align:right;margin-top:0.5em
王宇阳·2019-08-31 22:00

CSS学习笔记——渐变背景，浮动排列

有时候，为了网页的美化，会对网页的背景进行加工。背景的渐变效果便是其中之一，但是单纯的使用颜色的渐设计使用比较少。在学习的过程中，了解的渐变的大致实现，主要是了解alpha的属性及代表意义。以及float浮动的应用实现块元素或者图片的布局。1）渐变背景核心语法：{filter:Alpha(Opacity=value,Finishopacity=value,Style=value,Startx=va
闲小憨·2019-08-11 08:14

htmlcss学习笔记

iframe里有一个srcdoc属性，很有用！window.location.href=document.referrer//可以实现返回上一级页面并刷新HTML5权威指南©®，比较老的书了，有些知识过时了！！！HTML5高级程序设计也是比较老的书了。0.0一些网站：http://caniuse.com/查询浏览器支持情况https://www.w3.org/html/【w3c的html首页】ht
everest33·2019-08-10 18:00

css学习制作一个导航栏dome

功能实现当鼠标悬浮时，样式为切换背景图片。行内元素，没有宽高，转换为inline-block.如图：知识点/*因为a是行内元素，没有宽高，所以要转换为inline-block*/display:inline-block;/*去掉下划线*/text-decoration:none;/*当行内元素的高度设置的和父元素一样高，就垂直居中了*/line-height:50px;代码Document.nav
爬你·2019-07-22 20:00

CSS学习笔记03--常用选择器

目录1.元素选择器2.id选择器3.类选择器4.选择器分组（并集选择器）5.通配选择器6.复合选择器（交集选择器）7.后代元素选择器8.子元素选择器9.伪类选择器1）：link2):visited3）：hover4):active5):focus6)::selection10、伪元素选择器1）:first-letter2):first-line3):before4）:after11.属性选择器12
Bee_Darker·2019-07-14 22:47

CSS学习笔记

css学习笔记在html引入css的三种方式嵌入p1{background-color:#00500F;font-size:2em;text-align:center;}内联HelloWorld！
goasleep·2019-07-03 15:05

CSS学习之动画

动画2D、3D转换过渡动画多列2D3D转换1.通过2D、3D转换，我们能够对元素进行移动、缩放、转动、拉伸或拉长，转换时元素改变形状、尺寸和位置的一种效果，可以使用2D、3D来转换元素2.2D转换方法：tranlate()平移ratate()旋转scale()缩放skew()倾斜demo:index.htm文件内容动画这是一个初始效果改变后的效果style.css文件内容：div{width:10
大雷哥～·2019-07-03 10:33

CSS学习之盒子模型

内容概述盒子模型内容包括：1.margin：外边距2.border：边框3.padding：内边距4.content：内容CSS内边距：CSS边框可以创建效果出色的边框，并可以应用与任何元素边框的样式：border-style：定义了10个不同的非继承样式，包括none1.边框的单边样式：border-top-styleborder-left-styleborder-right-stylebord
大雷哥～·2019-07-03 08:33

CSS学习笔记

CSS(CascadingStyleSheets)层叠样式表，用来描述HTML或XML文档的呈现。CSS1现已废弃，CSS2.1为推荐标准，CSS3正在标准化中。CSS的四种引入方式：内联、即在HTML文本中添加style属性；style标签；border:1pxsolidred;外部文件引入；@importurl(a.css);@importurllist-of-media-queries;CS
不明suoyi·2019-07-02 23:38

【1Day】Joshua—初识html+css学习笔记（1）

目录学习web前端开发基础技术需要掌握认识html标签标签的语法认识html文件基本结构学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2.CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西
DesignerJoshua·2019-07-01 18:53

html、css学习笔记

一、web前端标准1.html结构标准2.css样式标准3.js行为标准二、五大浏览器厂商1.IE2.谷歌3.火狐4.苹果5.欧朋注意：其他浏览器都用别人浏览器技术，只是更换了皮肤三、html定义超文本标记语言四、第一个html页面描述当前文件的版本信息，如果没有详细说明就是5.0版本html文件网页的头部国际编码，如果不写或写其他都会有问题此处内容网页标题我们自己写的所有带哪都在这里注意：htm
cxy阿炳·2019-05-28 19:42

css学习之基础选择器

*id、类、标签这几个选择器的不同点？*id:id的名称不会出现多次，表示唯一，如果说网页中有一个唯一的元素需要修饰用id选择器*类：类名称可以出现多次修饰同一类元素，有多个元素具有同样的样式的时候，可以用类选择器*标签：通过标签名称，可以选中所有同名的标签
大力很宅·2019-05-21 12:53

HTML&CSS学习总结+js学习总结（2）

2019年5月18日目录1消除浮动方法一：添加空标签方法二：伪元素方法三：父元素设置overflow:hidden方法四：直接对父元素设置高度2结构与变现3菜单栏的设计制作要点1：要点23伪元素和伪类的区别4js文档引入5基本的交互方式6改变HTML样式和内容的方法7DOM事件8js数据类型其中几点使用注意：数值转化9js中的对象1消除浮动浮动的副作用：子元素如果均浮动，父元素将失去高度布局时，会
zskixx·2019-05-18 20:21

css学习之基本选择器+伪类选择器

1.基本选择器默认对全部元素都试用::selection{color:red;}1.通用选择器*{border:1pxsolidred;}解释：“*”号选择器是通用选择器，功能是匹配所有html元素的选择器包括和标签。可以使用如下元素标记测试效果：通用选择器会将所有元素匹配并配置样式，这是把双刃剑，好处就是非常方便，坏处就是将不必要的元素也配置了。目前为止，还不存在所有元素都必须配置的样式，所以，
zyftest1·2019-05-12 21:18

HTML及CSS学习笔记 08 - 浮动

本文是HTML及CSS课程的第八课。浮动是在网页设计中经常用到的一种改变文档流的技巧。本文主要介绍浮动的概念、用法及清除浮动等内容文章目录一、浮动1、浮动的概念2、如何实现浮动3、一些浮动案例3.1、案例1-没有浮动的正常文档流3.2、案例2-基本浮动效果3.3、案例3-多个浮动元素向同方向浮动3.4、案例4-浮动元素被之前的浮动元素“卡住”3.5、案例5-浮动元素和行级标签混排13.6、案例6-
codeke·2019-05-09 20:19

HTML与CSS学习总结

HTML（超文本标记语言）1.段落标签不能用来换行，换行使用br标签2.html不区分大小写3.标签有些是有结束标签，而有些是没有的如果对一个内容进行修饰，那该标签是有结束标签，否则该标签是没有结束标签的；例如：br标签、hr标签等，都是没有结束标签4.区分行级标签和块级标签：目前来讲，行是无法设置宽度和高度，可以在同一行内显示；而块级标签是可以设置宽度和高度，并且占据一行，无法和其他的标签在一行
暴走的小橘子·2019-04-28 16:30

CSS学习总结

引言：CSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，把样式添加到HTML4.0中，是为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在CSS文件中，多个样式定义可层叠为一。CSS中Id和Class选择器（1）Id选择器Id选择器以#来定义#para1{text-align:center;colo
WANGGGGG·2019-04-01 20:19

CSS学习总结

CSS学习总结CSS定义及三种引入方式CSS是一种层叠样式表直接放在div标签里面第一种：内敛样式表CSS文本第二种：内部样式表在里面引用标签要建立联系需要一个选择器选择器{选择器的内容}CSSdiv{
~Lemon·2019-03-31 17:05

iOS开发html+css学习之表格

*{margin:0;padding:0;}table{width:40%;/*border:1pxsolidblack;*/margin:0auto;/*table和td边框之间默认有一个距离通过border-spacing属性可以设置这个距离*/border-spacing:0;/*border-collapse可以用来设置表格的边框合并如果设置了边框合并，则border-spacing自动失
程序大猩猩·2019-03-27 16:11

js+css学习感悟

一直听说js和css简单易学，自己做了项目之后感觉不好学，页面的布局好像没有思路，尤其是css定位，自己一知半解，不太明白设计思路，现在对学到的知识做一个总结。1、刚进入页面的时候，默认选中第一个div或者列表中的第一个用：first即可：$(".alb-nav:first")；2、点击自定义单航栏切换div时，点击事件添加样式，并传递该单航栏的隐藏id（通过判断有无点击样式类获取该控件）查询响应
安夏啊·2019-03-27 10:35

H5&CSS学习总结

一、网站注册页面显示案例1.需求分析用户如果想要在改商城购买商品，必须成为该网站会员，首先得注册，这个注册页面显示的效果如下：2.技术分析2.1表单标签表单标签：所有需要提交到服务器端的表单项必须使用括起来！form标签属性：action,整个表单提交的位置(可以是一个页面，也可以是一个后台java代码)method,表单提交的方式(get/post/delete……等7种)文本输入项//输入内容
今天的技术超过许嵩了吗？·2019-03-17 12:46

Html和Css学习笔记-html进阶-div与span

Html和Css学习笔记-html进阶-div与span此篇博客是我的复习笔记，html和css学的时间太久了，忘得差不多了，最近要使用一下，所以重新打开html的书略读，后记录了标签，元素，属性的具体意义
weixin_34162401·2019-03-06 16:15

Html和Css学习笔记-html进阶-div与span

此篇博客是我的复习笔记，html和css学的时间太久了，忘得差不多了，最近要使用一下，所以重新打开html的书略读，后记录了标签，元素，属性的具体意义。这里所介绍的html和css的版本为html5与css3Html是超文本标记语言（英语全称：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言Css是层叠样式表(英文全称：CascadingStyleS
weixin_30590285·2019-03-06 15:00

css和scss、sass的关系

scss学习笔记1.css和scss、sass的关系？css样式是用来修饰网页页面结构的。要了解css和scss、sass的关系就要从预处理器开始说起。
ass_ace·2019-02-24 11:05

HTML和CSS学习

转自：https://blog.csdn.net/qq_36368586/article/details/53241857第一部分HTML第一章职业规划和前景web前端开发工程师web网站架构师自己创业转岗管理或其他未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心负责内容的HTML负责外观的css（层叠样式表）负责行为的
小树315·2019-01-08 13:04

html+css学习笔记005-font属性0text属性

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终像我这样的人最近总是单曲循环的播放着这首《像我这样的人》听很久都不会觉得腻或许这首歌最大的魅力就是共鸣“像我这样迷茫的人像我这样寻找的人像我这样碌碌无为的人像我这样孤单的人像我这样傻的人像我这样不甘平凡的人世界上有多少人”前端59期学员作业/*内部样式表*/font:10px/20px'Microso
Mr柳上原·2018-12-10 11:28

css学习笔记(七)

我们html只是对网页的一种基本结构,而网页想美化和各种布局还是要依赖css,其中布局是很重要的一块,盒子模型就看做是一个矩形,而网页就是各种矩形组成的,当然矩形里面还可以放置其他矩形,其中div标签就是最典型的盒子.盒子中的区域一个盒子中主要的属性就5个：width、height、padding、border、margin。如下：width和height：内容的宽度、高度（不是盒子的宽度、高度）
zhoushenxian·2018-11-25 23:03

css学习笔记(六)

css三大特性1层叠性:就是对同一个标签设置了相同的属性后,后面的会把前面设置的属性覆盖掉,就好比Java中的子类去复写了父类中的方法css学习p{color:red;font-size:30px;}p
zhoushenxian·2018-11-25 10:30

css学习笔记(二)

今天学习下后代选择器和子代选择器后代选择器:就是某个块级标签的子标签就是后代选择器css学习divp{color:cadetblue;}1111122223333344444上面的divp{}就是后代选择器的语法格式中间用空格分开
zhoushenxian·2018-11-24 16:13

css学习笔记(一)

今天学习下文本字体相关的属性1:font-size表明字体大小的单位是px(像素)2:color:表示字体的颜色3:font-style:表示字体的风格,这个属性只有三个值可以设置normal-文本正常显示italic-文本斜体显示oblique-文本倾斜显示4:font-weight表示文字字体的粗细有如下属性值属性值：normal|bold|bolder|lighter|100|200|300
zhoushenxian·2018-11-24 15:50

CSS学习记录(二)(基本选择器)

为什么会有选择器，因为在网页中，有时候我们需要对特定的标签进行特殊的操作，比如美化，改变样式等，但是又不能影响其它的标签，所以出现以下几个基本的选择器，更为复杂的在后面进行介绍。css基本选择器学习标签选择器看例子：p{font-size:12px;color:red;}上面p表示的是标签，然后里面设置的是标签里面的属性，比如字体大小和颜色。类选择器如果有如下内容：问君能有几多愁恰是一江春水向东流
vinwzh·2018-10-06 11:13

CSS学习之文字绕图

文字绕图.com{width:400px;height:400px;border:1pxsolidgold;margin:0auto;background:green;}.pic{width:50px;height:50px;background:red;float:left;margin:010px5px0;}.duoluo{width:400px;height:150px;background
胆小的米老鼠·2018-08-30 10:21

css学习day7

1.web字体http://fontello.com/http://www.iconfont.cn/在上面两个网站下载好自己需要的字体,然后引入到html,准备工作完成后,第一步：在样式里面声明字体：告诉别人我们自己定义的字体@font-face{font-family:‘icomoon’;src:url(‘fonts/icomoon.eot?7kkyc2’);src:url(‘fonts/ico
Frostbite2·2018-08-29 22:27

css学习第二天--表格样式

创建表格样式：表格样式.goods_list{width:600px;height:200px;font-size:20px;font-family:"MicrosoftYahei";border:1pxsolid#333;border-collapse:collapse;}.goods_listth,.goods_listtd{border:1pxsolid#333;text-align:cen
胆小的米老鼠·2018-08-28 08:49

css学习day4

1.padding:内边距即内容与内容之间的距离,使用这个的时候,会把盒子撑大,此时盒子的大小是自身宽高加上padding值再加上border;padding值撑大盒子解决办法:改变盒子宽高,使宽高+padding+border=之前的宽高2.margin:外边距即盒子与盒子之间的距离,当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象a.垂直之间塌陷的原则是以两盒子最大的外边距
Frostbite2·2018-08-25 16:02

CSS学习笔记（2018-07-29）

CSS学习笔记CSS指层叠样式表(CascadingStyleSheets)CSS语法CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:CSS实例选择器通常是需要改变样式的HTML元素。
Allenem·2018-08-25 11:31

CSS学习笔记四——水平垂直居中/文字图片对齐/多列布局/圣杯布局&双飞翼布局

css布局考察的知识点比较综合，基本就是使用上了所有css的基础技巧，以下是一些比较常见的场景总结。水平居中方法一：定宽+margin:0auto我是子元素.child{width:100px;margin:0auto;}方法二：行内元素inline-block+text-alignxxxdiv.txtCenter{text-align:center;}.imgCenter{text-align:
Rocky_Wong·2018-08-10 23:35

css学习之创建半透明边框,多层边框，条纹背景

1.创建半透明边框说到创建半透明边框，我第一反应就是border:10pxsolidhsla(0,0,100%,0.5)；得到的图像是这样的，我的目的是让透明边框将背景绿色部分显示可以添加一个属性border:10pxsolidhsla(0,0,100%,0.5)；background-clip:padding-box,将子图层的背景限制在内边距之内其中的原理猫腻就是背景会自动填充到边框下面，需要
HamsterKnight·2018-08-07 23:13

CSS学习笔记二—— 样式引入方式，伪类，块与内联，继承属性

样式引入方式link标签没有兼容性问题还可以引入图标等资源在页面加载的时候同时加载css文件可通过js控制dom操作样式import引入兼容性问题css2.1IE5网页加载完后再加载css文件，所以会出现闪烁现象不可通过js修改样式只能引入样式文件，但是可以在css文件里再引入css文件推荐书写@importurl(style.css)伪类:before:after::before和:before
Rocky_Wong·2018-08-05 23:28

第三天：让简历有点色彩-IFE

第三天：让简历有点色彩日期总用时学习目标2018.08.013h初步了解css学习内容第三天：让简历有点色彩MDN的文字样式学习笔记CSS是怎么工作的?CSS如何影响HTML？
mumubin·2018-08-01 00:00

张鑫旭：说说CSS学习中的瓶颈（个人觉得对突破技术瓶颈都有思想上的指导作用）...

本文转载自说说CSS学习中的瓶颈"张鑫旭-鑫空间-鑫生活。0写在前面虽已数年，但未就学习专门写过文章，这回破处了。
weixin_34146805·2018-07-30 10:00

CSS选择器笔记

block中的2个p元素子元素选择器只选中block的直接子元素p元素(即仅第一个p元素)伪类选择器伪类选择器伪类选择器伪元素选择器伪元素选择器属性选择器下面我们使用这四个a元素来具体实践下：腾讯课堂CSS
08e8c9a0fe19·2018-07-12 12:11

CSS学习（二）：背景图片如何定位？

我们都知道background-position属性用来指定背景图片应该出现的位置，可以使用关键字、绝对值和相对值进行指定。在CSSSprites中，这个属性使用比较频繁，使用过程中，我常混淆，经常切不到自己想要的效果，于是决定好好理解其工作机制，这篇文章就是介绍background-position属性是如何指定背景图片和背景区域的位置关系。注意：segmentfault对CodePen嵌入支持
屯屯·2018-07-11 00:00

web学习笔记---css（1）

CSS学习系列笔记web学习笔记–css(1)web学习笔记–css(2)web学习笔记–css(3)web学习笔记—css(1)1.css初识2.在html里面引入css的几种方式2.1外部引入式2.2
VoidWalker96·2018-07-04 14:10

LESSCSS学习笔记

LESSCSS学习笔记LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。
qq_36992097·2018-07-04 11:24

CSS学习第三天

今日学习内容：---------------------------------------正文----------------------------------------------css列表样式list-style-type:circle/*设置列表项标记*/list-style-image:url('sqpurple.gif')/*设置列表项标记的图像*/list-style-posit
Dai_Aixy·2018-06-22 22:58

less css学习与内容整理（包括css命名）

LESSCSS是什么？lesscss是一种动态样式语言，属于css预处理语言的一种，为css赋予了动态语言的特性，例如变量，继承，运算，函数等，更方便维护和编写css。lesscss可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。less并没有裁剪css原有的特性，更不是用来取代css的，而是在现有css语法的基础上，为css加入程序式语言的特性。LESS如何使用？在客户端使用不经过
Cookie923·2018-06-20 18:01

4.CSS布局

CSS学习网站：http://www.w3school.com.cn/css/index.asp手撕百度首页练习：https://github.com/3KK3/H5-默认情况下，大部分网页标签都在标准流布局中
芝麻酱的简书·2018-06-20 14:20

CSS学习总结一

CSS:层叠样式表（cascadingStyleSheets通俗的讲：就是给HTML化妆的）样式定义如何显示HTML元素样式通常存储在样式表中css使用的三种样式：一、内联样式直接在元素中声明二、内部样式（注意：在内部样式中的注释，只能这样写/**/，写成回导致后边代码出错）在中声明如：h1{color:red;}三、外部样式在外部新建file中声明，并在中使用指向该声明如：（1）h2{color
千铭丶·2018-06-18 11:10
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他