2022-08-26 CSS 常用伪类简介 CSS 常用伪类简介 CSS 常用伪类简介CSS伪类是用来添加一些选择器的特殊效果,伪类包含两种:状态伪类(UI伪类)和结构性伪类。(1)状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。当元素处于某状态时会呈现该样式,而进入另一状态后,该样式也会失去。常见的状态伪类主要包括::link应用于未被访问过的链接;:hover应用于鼠标悬停到的元素;:active应用于被激活的元素;:visited应用于被访问过的链接,与:link互斥。:focus应用于拥有键盘输入焦点的元素。:target应用于链接点击后指向元素实例a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */注意:在CSS定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。在 CSS ... 2022年08月26日 435 阅读 0 评论
2022-08-26 HTML 表单内容的详细介绍 HTML 表单内容的详细介绍 HTML表单内容的详细介绍HTML 表单是用于搜集不同类型的用户输入的,表单是一个包含表单元素的区域;表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素;表单使用表单标签()定义。一、介绍1、表单概念表单最重要的表现是在客户端接收用户的信息,然后将数据递交给后台的程序来操控这些数据,从技术的概念上说,表单就是用来操作form对象,对象是一种基本的数据类型2、创建表单表单通过标签来创建,其中放置表单的对象,如表单域、按钮和其他事物,标签中可扩展几个属性a.action属性通过标签定义的表单里面必须有action属性才可以将表单中的数据递交上去 <form action="check.php"> </form>以上代码表示这个表单的作用是用来提交到check.php这个页面的数据b.method属性该属性的作用是告诉浏览器数据是以何种方式提交上去的,该属性下有两个选择:"get"和"post"。默认情况下,数据被提交的方式是get,表单域中输入的内容会添加在action指定的URL中,当表单提交后用户便... 2022年08月26日 441 阅读 0 评论
2022-08-26 Emmet 语法 速查表 Emmet 语法 速查表 Emmet 语法 速查表Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择器),就可以减少重复编码的工作。1.调用方法Emmet使用Tab作为自动生成HTML代码的触发器。输入完生成HTML的缩写语句后,按下Tab,即可生成对应的HTML代码2.相关语法ID和类属性缩写:#header <div id="header"></div>缩写:.title <div class="title"></div>缩写:form#search.wide <form action="" id="search" class="wide"></form>缩写:p.class1.class2.class3 <p class="class1 class2 class3"></p>自定义属性缩写:p[title="H... 2022年08月26日 458 阅读 0 评论