很多人以为i标签和em标签都只是HTML用于斜体的标签,并不知道他们有什么区别。其实对于熟悉SEO的人来说,他们的区别挺大的(普通用户略过)。i标签的作用:仅仅是为了让字体显示斜体,对于SEO没什么作用。em标签的作用:不仅可以让字体显示斜体,而且可以加强语气,告诉搜索引擎这里是重要的。...
原创 2021-06-10 16:06:05
194阅读
标签(空格分隔): 标签选择器选择器定义:在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它们设置样式了。选择器为样式规则指定一个作用范围。基础选择器包含:1.标签选择器 2.类选择器 3.ID选择器 4.通用选择器标签选择器:顾名思义通过标签名来选择元素; 例如:p { co
<%@ page language="java" pageEncoding="gbk"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" uri="h
原创 2014-08-08 09:10:22
608阅读
1点赞
1评论
    超链接在网页中用的是最多的了,有几个属性我们或许没有注意到,我们一般都用其中的2个左右,这里总结一下,先看一个网页1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style type="text/css"> 6 a
转载 8月前
258阅读
1. link 不会阻塞 dom 的解析,但是会阻塞渲染很好理解,因为 link 可以理解为一个链接,这个链接就放在那里,在解析 dom 的时候,是用不到的,所以不会阻塞 dom 的解析过程。但是渲染页面的时候需要设置各种样式,自然需要获取链接中的 css 样式,所以 link 会阻塞渲染过程。同理我们可以试着区分一下href和srchref: 是和链接绑定的,类似一个跳转的地址(外部链接),li
众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>,所以就来整理下a标签中href的几种用法。一、Js的几种调用方法(参考总结的)      1、a href="javascript:js_method();"&n
瀑布流布局出来好多年了,刚出来时,一般都采用js来实现,涌现了很多比较好的js插件,例如:masonry.js、gridify.js等等。这里就不再详说如何使用了,网上都能找到。今天讨论的是纯CSS实现瀑布流布局。一、多个列表并列的瀑布流布局法:这种布局方法非常简单,就是将多个列表横向排列,每个列表拥有的项都差不多。图片宽度固定,高度自动撑起来。html:
 在html中,即使我们没有指定页面元素显示的css样式,元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码,现将html标签的默认属性进行一定的汇总如下: li              { displa
转载 精选 2013-04-23 16:36:59
763阅读
改变class js改变class  使用thumb.className = 'imgtransparent';jquery改变class使用$('#thisinntitle').removeClass();$('#thisinntitle').addClass('xchangemenuItem'); 显示隐藏 隐藏使用style.display:none 
原创 2022-09-27 19:08:24
102阅读
本文翻译自 How to create a CSS-only loader with one element,作者: Temani Afif, 略有删改。 loader组件是网站的重要组成部分。它可以用在许多地方,我们需要显示的内容正在加载中。这样的组件需要尽可能简单,在这篇文章中我们将学习如何使用优化的代码创建不同的CSS加载器。 所有的loader它们只需使用一个元素,我们将剖析其中一些元
原创 精选 6月前
390阅读
一个纯css实现的卡片小标签
原创 2022-10-24 12:10:55
285阅读
### jQuery动态控制a标签CSS 作为一名经验丰富的开发者,我将为你详细介绍如何使用jQuery动态控制a标签CSS。在这篇文章中,我将向你展示整个过程的步骤,并提供每一步所需的代码和代码注释。 #### 整个流程 首先,我们来看一下整个流程的步骤。下表总结了需要执行的每个步骤以及相应的代码。 ```mermaid journey title jQuery动态控制a标签
原创 5月前
11阅读
标题:python爬虫:使用CSS语法获取标签属性 ## 引言 作为一名经验丰富的开发者,我将帮助你学习如何使用Python爬虫以及CSS语法来获取网页中的标签属性。在本文中,我将指导你完成整个过程,并提供详细的代码示例和注释。 ## 整体流程 以下是整个流程的概览,我们将使用表格展示每个步骤。 | 步骤 | 描述 | | --- | --- | | 1 | 导入所需的库 | | 2 | 发
原创 4月前
140阅读
布局(四大布局)什么是布局?就是把一个个盒子放到合适的位置。CSS2.0中有三大布局——1、流式布局。2、浮动布局。3、层布局。CSS3.0中新增一个flex布局。第一大布局:流式布局最简单的布局方案,也是默认布局方案。其实就是按照标准文档流进行布局。平时开发项目时,只是用流式布局往往无法完成项目。特点:1、块级标签独占一行,行内、行内块可以并排显示。2、盒子摆放是从上到下进行摆放。第二大布局:浮
html代码:以下代码直接可用,tootip的样式可以自己调试。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ ma...
CSS和JavaScript标签对照表 盒子标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border borde...
原创 2021-08-24 10:08:19
122阅读
标签的类型(显示模式) html标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>
转载 2020-11-25 13:46:00
116阅读
2评论
效果图代码部分话不多说,直接上代码!<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
原创 2022-06-23 11:06:25
156阅读
1.文字的几种属性 font-family设置字体样式 font-size设置字体大小 font-weight是否加粗 color设置颜色 字体属性一般可以写在一块(font:加粗,大小/行高,样式) 2.div经典的网页布局 div是一个框(style样式设置) border-style设置边框样式 border-color设置边框颜色 border-w
css 表单标签两端对齐
转载 2022-04-21 14:58:58
258阅读