css中小知识点总结

  1. rgba:即rgb+a, a为图片透明度，a范围是0~1，越小就表示越透明
  2. ：hover 即鼠标悬停时改变样式，不仅仅能用在a元素上。
  3. <form>标签表示向浏览器提交表单，一般会包裹着输入元素。
  4. <label>标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。就是说，不只是在输入框里点击才会出现焦点，而是只要在有<label>标签的元素上点击就能获得焦点。
  5. to be continued
时间： 2024-10-12 21:23:32

css中小知识点总结的相关文章

HTML和CSS的知识点

HTML的知识点 HTML的结构: <!DOCTYPE html>: 文档类型性为HTML5文件 文档声明:在HTML的文档中必不可少,且必须在文档的第一行 文档声明的编码格式<!----> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body>. HTML的三个常见头部标

css入门知识点整理

css入门知识点整理 不要嘲笑我这个蒟蒻..例子来源:w3school css其实就分为两个东西,一个是选择器,另外一个是声明.声明定义了某个对象的属性的值,这都是html的内容.重点要关注的是选择器.顾名思义,选择器就是用来"选择"HTML中的元素的.通过定义选择器可以选出HTML文档中的某些元素,然后把它们的样式变成声明中的.css的格式长这样: selector {declaration1; declaration2; ... declarationN } 这里有一个最基本的cs

关于CSS重要知识点(1)

1. 盒子模型 CSS处理网页内容时,会把每一个元素"放在"一个盒子里,也就是所谓的盒子模型. 盒子模型包括4部分:内容,内边距(padding),边框(border)和外边距(margin) 上图展示了整个盒子模型的内容,怎么样?简单吧.如果你认为简单,那就大错特错了!! 盒子模型里边有一个坑,就是取元素的height和width时,可以多种方式来指定这个高和宽属性.换句话说在某些情况下,一个元素的height和width是不一样的.那么究竟是哪些情况下呢?答案就是box-sizin

CSS基本知识点(01)

0.未完,还有一部分未写 1.CSS背景 属性          描述 background     简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color    设置元素的背景颜色. background-image   把图像设置为背景. background-position    设置背景图像的起始位置. background-repeat 设置背景图像是否及如何重复. 2.

js,css小知识点记录

JS手册中提到:可以使用任意表达式作比较表达式.任何值为0.null.未定义或空字符串的表达式被解释为 false.其他任意值的表达式解释为 true.也就是说,这里会隐式的转换为布尔值. //css :#id .下属class(可以是直接或间接下属classs) #newfncbtnpanel .am-condition { margin-top: 10px; margin-left: 6px; margin-bottom: 5px; } show()\hide()  是jquery方法,即d

css常用知识点

1.css的简介  层叠样式表 样式表:有很多的属性和属性值 层叠:一层一层的.优先级 第一个:把样式和html分开显示 第二个:html的属性很少,css里面样式很强大 2.css和html结合方式 有四种结合方式 第一种结合方式:在每个html标签里面都有一个属性 style,在style属性里面写css代码  代码  <div style="color:black;">aaaaccccbbbb</div> 格式: style="属性名称1:属性值

CSS基础知识点小计1-选择符权重优先级及两列布局中一列自适应，另一列固定宽度

1:标有!important标记的样式 2:HTML编辑的样式 3:用户设置的样式 4:浏览器默认的样式 一列自适应,另一列固定宽度,个人认为如下方法比较好用 <!DOCTYPE html> <html> <head> <title> html5 </title> <link rel="stylesheet" type="text/css" href="css.css"> &

HTML5入门（CSS样式-------------------（CSS基础知识点----------------------------））

CSS继承性+层叠性+盒子+浮动 一.CSS继承性 eg:                 <style>                               div{                                      color: pink;                                      font-size: 30px;                                      width: 500px;      

CSS基础知识点（一）

CSS(Cascading Style Sheets)全称为:层叠样式表. 1.HTML元素类型 (1) 内联元素(inline):可以理解为“文本模式”,即从左到右顺序显示,不单独换行.常用的内联元素有:a, img, input, select, lable, span, textarea 等,和一些文本标记标签,如:small, big, strong, em, i, b(加粗), sub(下标), sup(上标), u(下划线)等. (2) 块级元素(block):单独一行,没有特殊定位

CSS 部分知识点 总结

1.在form表单中: method是提交方式      arction路径提交地址 2.web标准,即网站标准,它不是一个标准而是W3C制定的一系列标准的集合,主要由:结构.表现和行为三大标准组成. 以上提及web标准有三部分:结构.表现及行为,资深的重构师一般都会推荐将这三种标准分离,这是他们的经验,他们的告诫是将三者分离的重构模式会让网站更易于维护及扩展. 以上所说的'分离'是指,结构.表现及行为,三者各自负责分内工作,用业界的专业术语应该叫做解耦合, 即结构完全由HTML/XHTML负责