一:CSS概述什么是CSSCSS就是层叠样式表(Casading Style Sheets),通常称为CSS样式表,或者是级联样式表。主要用于设置HTML文本,内容(字体,大小,对齐),图片外形(宽高,边框样式,边距等),以及版面的布局等外观样式。CSS以HTML为基础,提供了丰富功能。还可以针对不同浏览器设置不同样式。HTML和CSS关系HTML结构层:负责从语义角度搭建页面CSS
CSS padding 属性定义元素边框与元素内容之间空白区域。㈠padding(填充)⑴当元素 padding(填充)内边距被清除时,所释放区域将会受到元素背景颜色填充。⑵单独使用 padding 属性可以改变上下左右填充。⑶可能值:⑴length    定义一个固定填充(像素, pt, em,等)⑵%      &nbs
转载 2023-07-26 20:09:26
115阅读
目录html表单css选择器css文本属性设置CSS引入方式Emment语法选择器二元素显示模式背景 html表单 **action**表示要将接受信息传往那个页面。 **method** 有get 和post两个方法。默认是get方法。 **name**为我们为他起名称。 form之间放置输入框 按钮等 输入框常用 input方法type为设置类型 有 text button subm
转载 2023-07-22 16:18:14
62阅读
使用rem进行字体大小调整主要问题是使用这些值有些困难。让我们看一个以rem单位表示常见字体大小示例,当然,假定基本大小为16px:报表广告10px = 0.625rem12px = 0.75rem14px = 0.875rem16px = 1rem(基本)18px = 1.125rem20px = 1.25rem24px = 1.5rem30px = 1.875rem32px = 2rem
标签(空格分隔): 学习笔记XML为存储结构化数据提供了强大方法,但是它没有提供关于数据如何显示地信息,(数据结构与数据表示无关)。可以使用CSS来控制XML文档各元素呈现方式。CSS语法又三部分构成:选择器(selector)、属性(property)、属性值(value),基本语法个数如下:selector { property1: value; property2:
转载 2024-04-11 13:20:16
38阅读
css樣式rel屬性:rel属性用于定义连接文件和html文档之间关系。rel=stylesheet指定一个固定或首选样式而rel="alternate    stylesheet"定义一个交互样式。固定样式在样式表激活时总被应用。链接标签arel屬性超级链接<a>标记代表一个链接点,是英文anchor简写。它作用是把当前位置文本或图片连接
转载 2024-06-01 18:47:33
22阅读
1、为什么使用emem也是css一种单位,和px类似。很多人会疑惑为什么有了px之后还要使用em,而且em使用起来相对于px来讲比较麻烦。em主要是应用于弹性布局,下面给出一个小栗子说明em强大之处<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l
转载 2024-03-06 16:33:07
131阅读
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。例如:@base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style @c; box-shadow:
转载 2024-06-06 22:26:35
90阅读
It’s man vs. machine when Ken Jennings, a former UW student and the most successful Jeopardy!player of all time, returns to campus to take onQANTA, a cutting-edge computer question-answer...
ide
转载 2022-06-24 22:30:46
76阅读
定位关于定位我们可以使用cssposition属性来设置元素定位类型,postion设置项如下:relative 生成相对定位元素,元素所占据文档流位置不变,元素本身相对文档流位置进行偏移absolute 生成绝对定位元素,元素脱离文档流,不占据文档流位置,可以理解为漂浮在文档流上方,相对于上一个设置了相对或者绝对或者固定定位父级元素来进行定位,如果找不到,则相对于bod...
原创 2021-08-25 16:27:10
278阅读
1点赞
定位是一种相对于元素自身在正常文档流位置和祖先元素滚动容器滚动一种定位方式。是 CSS 中用于控制元素布局
原创 精选 2023-09-26 14:40:33
343阅读
1 1字体和字体组合 2 1.1字体组合 3 字体组合一般是由很多种字体组成,字体之间使用逗号隔开,客户端按照排列先后顺序选择一种用来 4 呈现文字字体.如:p{font-family:verdana,arial,sans-serif;} 5 客户端首先在字体库寻找verdana字体,如果没有找到就找arial字
转载 2013-03-07 11:39:00
834阅读
盒子盒子模型解释元素在页面显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实盒子来做比喻,帮助我们设置元素对应样式。盒子模型示意图如下:把元素叫做盒子,设置对应样式分别为:盒子边框(border)、盒子内内容和边框之间间距(padding)、盒子与盒子之间间距(margin)。盒子模型尺寸按照下面代码制作页面:<!DOCTYPE html><...
原创 2021-08-25 16:27:15
554阅读
CSS :root
原创 2023-02-25 13:21:48
122阅读
CSS calc今天做页面处理一个input时候怎么也弄不好了。 最后查到了calc这个
原创 2022-06-30 11:11:18
122阅读
1. 前言在 CSS ,有很多需要反复使用属性值,如果每个使用地方都直接写死这个值,而没有使
原创 2023-01-25 20:04:57
74阅读
CSS也有函数,我们也会经常用到,今天我就来罗列一下CSS中所有的函数先从CSS2说起在CSS2有两个函数,这两个函
原创 2024-05-06 10:29:29
43阅读
   CSS盒模型,auto属性只适用于外margin和width,height,border和padding不适用。下面就来说说它情况。这里所说都是标准流盒子。  1.横向来说    (1)若设置width,magrin-left,margin-right某个值为auto,剩下两个为指定值,则设为auto属性会确定所需长度,从而使元素宽度等于父元素width。例如,盒横向长度必
再利用组件时有时候需要某些页面样式,但是在其他地方又不想更改,可以使用这个属性,具体语法为 /deep/.classname:{ xxxxxx:xxxxxx } 或者: .fatherClass/deep/ .childClass:{ } ...
转载 2021-10-18 11:31:00
216阅读
2评论
前端开发, 做适配是少不了, 这就用到了css各种长度单位, 做一下总结 在cs
原创 2022-06-20 12:15:33
195阅读
  • 1
  • 2
  • 3
  • 4
  • 5