常见的标签和简单的css样式

已于 2022-04-13 20:34:09 修改
阅读量495 收藏 2
点赞数
分类专栏： 笔记 文章标签： html css
于 2022-04-13 20:32:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/water7_melon7/article/details/124155172
版权

块标签

  1. h1~h6
  2. <p>段落标签</p>
  3. <ul>无序列表</ul>
  4. <ol>有序列表</ol>
  5. <li>列表项</li>

特点：

独占一行，默认宽度占满父级，高度为0，子级内容撑开高度

行标签|内联标签

  1. 换行：<br>
  2. 倾斜：<i></i>
  3. 加强：<b></b>
  4. 加强，倾斜：<em></em>
  5. 加强，加粗：<strong></strong>
  6. 下角标sub标签：<p>o<sub>2</sub></p>
  7. 上角标sup标签：<p>o<sup>2</sup></p>
  8. 超链接a标签：<a href="链接" target="_self/_blank">
  9. 打开方式：

           _self:默认值，在本页面打开

           _blank:在新的标签页打开

特点：

最低0.47元/天 解锁文章
strawberry tree
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【CSS标签及样式】
m0_72686268的博客
07-22 750
CSS历史以及基础标签
CSS样式表定义标签li前面样式
12-09
定义LI前面的小点样式 view plaincopy to clipboardprint?语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | u
css中常用小样式整理
Alisane的博客
09-17 206
1.用  position: sticky;实现类似Tab吸顶 div.sticky { position: -webkit-sticky; position: sticky; top: 0; padding: 5px; background-color: #cae8ca; border: 2px solid #4CAF50; } 2.用overflow实现区域滚动条...
css基本语法小结
weixin_46486552的博客
01-18 655
伪类 专门用来表示元素的一种特殊的状态 比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框 当我需要为处在这些特殊状态的元素设置样式时，就可以使用伪类 input:focus{} a的伪类： 涉及到a的伪类一共有四个： :link :visited :hover :active 而这四个选择器的优先级是一样的 否定伪类： 作用：可以从已选中的元素中剔除某些元素 语法： :not(选择器) 伪元素： -作用：使用伪元素来表示元素中的一些特殊的位置 :first-letter :f
HTML标签：CSS样式
成长ing中的w的专栏
01-21 468
CSS全名Cascading Style Sheets用来HTML元素标签的样式。CSS嵌入HTML文档的方式有3种： 1）在标签中使用设置style属性；比较适合当特殊的样式需要应用到个别元素时。 2）在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS；适合当单个文件需要特别样式时。 3）使用外部 CSS文件，比较适合当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。 <!DOCType html> <html>
CSS 标签的样式
ZLHZHJ的专栏
11-28 2828
padding  10px  表示内边距  里面的元素距边框10px margin  10px表示外边距   与周围元素相距10px text-indent:5px; 里面的文字缩进5px border-spacing:1px; 表格间的间隙 保持位置不变 .back2top_fat {  position:fixed;  z-index:999;  right:4px;
CSS样式漂亮Tab页
09-28
一个很漂亮的Tab 标签 切换样式 非常经典的东东
html css 常用标签,CSS/HTML 常用标签集合
weixin_39592315的博客
06-23 175
常用标签集合header、article、aside、section、footer、nav、h1-h6、p、ul、ol、li、img、dl、dt、dd…绝对路径、相对路径、标签语义化、标签嵌套规范、SEO…section 版块 用于划分页面上不同的区域，或则划分文章不同的节header 页面头部或则版块(section)头部footer 页面底部或者(section)底部nav 导航 (包含链接的...
JavaScript动态添加css样式和script标签
12-10
[动态添加css样式] <html> 　<head> 　[removed] 　[removed]=function(){ 　var head=document.getElementsByTagName('head')[0];　//获取到head元素　 　var link=document.createElement('link');...
css样式标签和js语法属性区别
10-26
css样式标签和js语法属性区别。需要的朋友可以过来参考下，希望对大家有所帮助
纯css+js写的一个简单的tab标签页带样式
12-12
最近经常要用tab标签页，所以写了一个简单的，以后用的话直接拷贝一个，稍微改改就OK了。 先看效果图：  接下来看下代码怎么写的吧： 一、sp文件easytab.jsp 代码如下: <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <% String path = request.getContextPath(); String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+
4种CSS标签风格的漂亮网站导航特效.rar
07-10
4种标签风格的漂亮网站导航特效，纯CSS代码实现，有圆角的菜单，也有TAB式的菜单，每一款都各有特点，用到的技术也是很普通的，主要是DIV CSS，大家看一下演示截图就明白了，4款菜单都用有GIF图片来修饰菜单效果，不过现在大多菜单的美化还是要依靠图片，仅供参考。
a标签的css样式四个状态LVHA的设计
12-13
表示所有状态下的连接 如 a{color:red} ...一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。 前三者分别对应body元素的link、vlink、alink这三个属性。 四个“状态”的先后过程是：
CSS标签及样式
input_form_value的博客
03-23 239
1.CSS的概念及优势 2. style标签 3. CSS的基本语法结构 4.css的外部样式 5.css的内部样式 6.行内样式 7.优先级（就近原则） 8.CSS基本选择器 9.标签选择器 10.类选择器 11.ID选择器 12.基本选择器的优先级 ...
css基础——常见样式以及行标签、行块标签、行块标签的特点
qq_52908359的博客
04-13 613
目录 1.css的常见样式 （1）. 背景样式 （2）. 文本的有关样式内容： （2）. 常用选择器： 2.行块标签的特点： 3. 块标签特点： 4. 行标签/内联标签： 1.css的常见样式 （1）. 背景样式 1）.背景的颜色：background-color； 2）.背景图的设置：background-image；...
css-选择器、常见样式、标签分类
weixin_53903929的博客
08-23 1436
a:hover{}： 鼠标悬浮时（hover也可以用于其他标签）主要作用：调整标签内容的位置，但是，会导致整个标签大小的变化。a:active{}：鼠标激活时，点击未释放。常用值：left，right，both。padding：内容与边框之间的距离。清除前面浮动对后面的标签造成的影响。a:visited{}：访问过后。a:link{}：未被访问时。height：设置元素的高度。width：设置元素的宽度。提供了丰富的样式修饰内容。
HTML标签与css样式
qq_42481626的博客
04-18 564
HTML简介和常用标签 HTML是一种超文本标记语言，不是编程语言 超文本指页面可以包括图片、链接、音乐、程序等非文字元素。 他的结构包括头、主体、其中head部提供关于网页的信息，body部分提供网页的具体内容。 标签：标题标签 <h1></h1> h 即 head 的简写 有<h1>、<h2>、<h3>、<h4>、<...
css常用样式标签
奥特蛋的博客
04-19 5656
css常用样式标签 css 字体的设置 font-family font-size 设置字号大小 设置字体样式 font-style normal : 正常显示。浏览器默认的样式 italic ：斜体显示文字 oblique : 歪斜体显示，比斜体的倾斜角度更大 font-weight 设置字体加粗 可取值为hold和normal 调整字符间距 letter-spacing 可以设置两个字符之间的间距（英文，中文，数字） 调整单词间距 word-spacing 主要用于单词之间
html--扫雷
最新发布
stqer的博客
05-30 753
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus庐"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" c
p标签有哪些css样式
06-07
p标签有很多CSS样式可以应用，以下是一些常见的样式： - font-family：设置字体 - font-size：设置字体大小 - color：设置文本颜色 - line-height：设置行高 - text-align：设置文本对齐方式 - font-weight：设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值