![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html+css
文章平均质量分 89
html和css的学习笔记
张与谦
这个作者很懒,什么都没留下…
展开
-
CSS2D转换
*转换(transform)**是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。缩放,顾名思义,可以放大和缩小。只要给元素添加上了这个属性就能控制它放大还是缩小。2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位。2D旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转。2D转换是改变标签在二维平面上的位置和形状的一种技术。转换(transform)可以简单理解为变形。我们可以设置元素转换的中心点。原创 2023-07-11 18:58:18 · 130 阅读 · 0 评论 -
web服务器
我们自己写的网站,目前是放到自己电脑上的,只能自己访问浏览。如果想要很多人访问我们的网站,可以把网站放到服务器上,这样就可以多人访问我们的网站了。服务器(我们也会称之为主机)是提供计算服务的设备,它也是一台计算机。在网络环境下,根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web 服务器等。Web 服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等 Web 客户端提供文档,也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。原创 2023-07-11 16:43:53 · 57 阅读 · 0 评论 -
HTML5和CSS3新特性
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。原创 2023-07-11 15:32:26 · 1081 阅读 · 0 评论 -
CSS学习04
网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。height : 0;我们用css 边框可以模拟三角效果宽度高度为0我们4个边框都要写, 只保留需要的边框颜色,其余的不能省略,都改为 transparent 透明就好了为了照顾兼容性 低版本的浏览器,加上 font-size: 0;原创 2023-07-11 11:20:42 · 185 阅读 · 0 评论 -
CSS定位
绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的。选择器 {完全脱标—— 完全不占位置;父元素没有定位,则以浏览器为准定位(Document 文档)。父元素要有定位元素将依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。绝对定位的特点总结1.如果没有祖先元素或者祖先元素没有定位,则以浏览器为基准定位(Document 文档)。2.如果祖先元素有定位(相对、绝对、固定定位),则以最近一级的有定位祖先元素为参考点移动位置。3.绝对定位不再占有原先的位置。原创 2023-07-10 14:21:31 · 74 阅读 · 0 评论 -
css浮动
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 {float : 属性值;原创 2023-07-09 15:32:59 · 28 阅读 · 0 评论 -
css三大特性及盒子模型
当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。 对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。继承的权重是0, 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是 0。使用 margin 定义块元素的垂直外边距时,可能会出现外边距的合并。原创 2023-07-09 11:56:32 · 167 阅读 · 0 评论 -
CSS02
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签)后代选择器、子选择器、并集选择器、伪类选择器等等。原创 2023-07-08 17:42:42 · 26 阅读 · 0 评论 -
CSS01
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言,主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。原创 2023-07-08 15:02:44 · 27 阅读 · 0 评论 -
html标签02
标签用于定义描述列表(或定义列表),该标签会与 (定义项目/名字)和 (描述每一个项目/名字)一起使用。语法如下:名词1名词1解释1名词1解释2原创 2023-07-07 17:43:36 · 26 阅读 · 0 评论 -
html标签01
HTML 标签通常是成对出现的原创 2023-07-07 14:19:02 · 33 阅读 · 1 评论 -
html-网页相关
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML 格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML 文件。HTML指的是超文本标记语言 (Hyper Text Markup Language),它是用来描述网页的一种语言。原创 2023-07-06 17:38:06 · 27 阅读 · 1 评论