![](https://img-blog.csdnimg.cn/2482813b8fb7464d9eb97f2c476c73d2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 65
有关css和html知识点
Matcha_ice_cream
这个作者很懒,什么都没留下…
展开
-
HTML5和CSS3的新特性
简单介绍一下 HTML5 和 CSS3 的部分新特性:HTML5和CSS31、HTML5新特性1.新增的语义化标签2.HTML5中新增的多媒体标签3.HTML5新增的input类型4.HTML5新增的表单属性2、CSS3新特性1.属性选择器2.结构伪类选择器1、HTML5新特性html5的新增特性,增加了一些新的 标签、表单和表单属性。1.新增的语义化标签在以前的html布局中,我们基本上用的都是div布局,在html5中新增了一些语义化标签。部分如下:语义化标签描述head原创 2022-03-20 15:10:11 · 558 阅读 · 1 评论 -
CSS中的一些高级技巧
css中的高级技巧1、使用css制作三角形2、用户的界面样式1. 鼠标样式2. 轮廓线 outline3、禁止拖拽文本框 resize3、vertical-align属性:4、溢出文本省略号显示:1.单行文本溢出省略号显示2.多行文本溢出省略号显示:1、使用css制作三角形在css可以直接制作三角形:/*html代码*/<body> <div class="box"></div> hello </body>/*css样式*/.box {原创 2022-03-18 19:01:09 · 1047 阅读 · 1 评论 -
元素的显示与隐藏
对于元素的显示与隐藏主要有三种方式:(1)display属性:使用 display: none 隐藏元素之后,不再为元素保留位置。 display: none; //元素隐藏 display: block; //元素显示(2)visibility属性:使用 visibility: hidden 隐藏元素之后,仍然为元素占有位置。 visibility: visible; //显示元素 visibility: hidden; //隐藏元素(3)overflow属性:overflow:原创 2022-03-18 12:16:41 · 891 阅读 · 1 评论 -
元素的定位方式
1、why要需要定位?我们知道,使用 float浮动效果 能够实现块级盒子在一行内排列显示,但是如果想要盒子能在某个盒子中自由移动,或者固定住,需要使用定位。2、定位模式(1)static 默认的静态定位静态定位其实就是按照标准流的方式进行布局排列,它没有边偏移。使用方法:div { position: static;}(2)relative 相对定位相对定位 占有原来的位置 [不脱离标准流],它是相对于自身位置进行移动,可以设置边偏移:top right bottom left等选择原创 2022-03-18 11:56:09 · 868 阅读 · 0 评论 -
清除浮动的方法
1、清除浮动的原因:在有些情况下,我们 没有给父级盒子设置高度 ,而是通过给子盒子设置浮动效果来撑开盒子,达到想要的页面效果,但是设置浮动之后,会影响下面盒子的布局,所以我们需要清除浮动。注意:只给子盒子添加浮动效果,此时,父盒子的高度为02、清除浮动的方法一般清除浮动有4中方法:(1)额外标签法:在 浮动元素末尾添加一个空的块级元素标签,设置 clear:both 属性效果。<div style="clear:both"></div>(2)给父级元素添加 over原创 2022-03-17 23:27:58 · 3547 阅读 · 0 评论 -
HTML中的单位
1、em表示一个字符大小//段落首行缩进2个字的距离:text-indent:2em;原创 2022-03-17 15:34:23 · 314 阅读 · 0 评论 -
元素水平居中、垂直居中
水平居中1. 水平居中(1)块级元素(2)行内块、行内元素1. 水平居中(1)块级元素对块元素进行水平居中:使用margin,设置左右外边距为auto;注意:块级盒子必须指定了宽度代码演示:<style> div { width: 200px; height: 100px; background-color: palegoldenrod; margin: 0 auto; }</style><body> <原创 2022-01-14 15:43:40 · 130 阅读 · 0 评论 -
边框、边距、阴影
边框、边距、阴影1.边框2.边距3.阴影1.边框边框由三部分组成:边框宽度、边框样式、边框颜色(1)边框属性:border-width边框宽度border-style边框样式border-color边框颜色可以直接使用border设置边框的样式效果:border: 1px solid 2px;(2)设置不同方向的边框:border-top上边框border-bottom下边框border-left左边框b原创 2022-01-14 15:10:36 · 467 阅读 · 0 评论 -
css三大特性:层叠性、继承性、优先级
CSS三大特性:层叠性、继承性、优先级1. 层叠性2. 继承性3. 优先级1. 层叠性当元素样式发生冲突时,遵循就近原则就近原则:那个样式离结构近,就使用哪个样式(1)代码编写:<style> div { background-color: red; } div { background-color: greenyellow; }</style><body> <div>hello, JavaScript!<原创 2022-01-11 13:12:08 · 542 阅读 · 0 评论 -
块元素、行内元素、行内块元素
块、行内、行内块元素1. 块元素2. 行内元素3. 行内块元素4. 块、行内、行内块元素演示:5. 元素显示模式转换1. 块元素(1)常见的块元素有:div、h1~h6(标题标签)、p(段落标签)、ul、ol、li(2)块元素的特点:1、独占一行2、宽度默认是父级元素的宽度(100%)3、宽度、高度、内外边距都是可以改变的4、块级元素里面也可以放行内、块、或者行内块元素2. 行内元素(1)行内元素有:a、span、strong/b、em/i、del/s、ins/u(2)行内元素的特点原创 2022-01-10 22:26:18 · 1640 阅读 · 0 评论 -
HTML标签
HTML标签1. 基本标签2. 列表标签2.1 无序列表2.2 有序列表2.3 自定义列表3. 表格标签4. 表单标签4.1 表单域4.2 表单控件1. input: 输入表单元素2. select: 下拉表单元素3. textarea: 文本框元素4.3 提示信息1. 基本标签html页面最大的标签head文档的头部标签title文档的标题标签body文档的主体标签h1~h6标题标签p段落标签br/换行标签原创 2022-01-10 17:24:52 · 219 阅读 · 0 评论 -
css选择器
css选择器css选择器分为基础选择器和复合选择器css选择器css选择器一、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器二、复合选择器1.后代选择器2.子选择器3.并集选择器4.伪类选择器一、基础选择器1.标签选择器p { color: red; }2.类选择器class选择器可以在多个元素中使用.pink { color: pink; }3.id选择器id选择器只可以使用一次#blue { color: blue; }4原创 2022-01-10 11:26:38 · 121 阅读 · 0 评论