html与css及语义化标签与a选择器与属性选择器

最新推荐文章于 2021-09-16 22:42:16 发布
最新推荐文章于 2021-09-16 22:42:16 发布
阅读量121 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szw19910/article/details/107748993
版权 
 **HTML和css概述

中文全称:超文本标记语音
根据w3c定义，HTML全称HYPerTEXT Markup Language
css是
页面表现基础，可以控制布局，控制元素的渲染
中文全称：层叠样式表**
a 标记：表示这是一个超链接

内容

跳转到当前页面的位置 跳转内容
szw19910
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS语义化命名方式及常用命名规则
12-13
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式：1、结构化命名法；2、语义化命名法。 结构化命名法：根据页面中板块的位置而命名，如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边...
HTML之属性选择器
疯狂的菜鸡
05-17 1082
HTML之属性选择器 属性选择器的使用 : 标签名[属性]{ css样式 } <style> .demo a[id]{ background-color: #59f5ff; } .demo a[id=last]{ background-color: #ff4ccd; } .demo a[class]{ background-colo.
html标签选择器的使用选择（学习小记）
u011217504的专栏
07-24 6882
CSS选择器包括：标记选择器，类别选择器(.class)，ID选择器(#id)三种。 1.标签选择器：如：p td tr h1 h2 span a 标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式 CSS代码: p{color:red;} HTML代码: >我是标签小红> 2.类别选择器：如：#main #sidebar #foote
css.html语义化,html语义化、css的盒子模型
weixin_30604459的博客
06-10 87
内容转载自：https://juejin.im/post/5b44a485e51d4519945fb6b7对HTML语义化标签的理解HTML5语义化标签是指正确的标签包含了正确的内容，结构良好，便于阅读，比如nav表示导航条，类似的还有article、header、footer等等标签。css盒模型盒模型是页面中组装元素的矩形区域。CSS中的盒模型包括标准的W3C盒模型和IE盒模型。标准盒子模型(...
HTML+CSS(HTML语义化标签+css样式引入+选择符+css文字属性)
qq_40409416的博客
03-05 348
HTML5扩展 语义化标签 在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。 不使用<div>标签来布局网页后： <header>标签 CSS复习 CSS样式引入 内联样式（行内样式） 行内 style=“” 内部样式（嵌入样式
原 HTML5及CSS3的简单介绍（语义化标签、表单、多媒体、属性/伪类选择器）
weixin_44870681的博客
06-06 272
一.HTML5 1.HTML：超文本标记语言（超文本:视频.音频.超链接.图片…;标记语言:标签组合） 2.HTML5的简单介绍: html5 是html4.0 升级版,HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本,更重要的是它制定了Web 应用开发的一系列标准,成为第一个将Web 做为应用开发平台的 HTML 语言.html5 是html4.0 升级版,HTML5 并不仅仅只是做...
HTML5+CSS3应用详解
12-14
Web设计师可以使用HTML4和CSS2.1完成一些...我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在，HTML5和CSS3正跃跃欲试的等待
3一面 3：CSS-HTML 知识点与高频考题解析.md
03-31
# 一面 3：CSS-HTML 知识点与高频考题解析 CSS 和 HTML 是网页开发中布局相关的组成部分，涉及的内容比较多和杂乱，本小节重点介绍下常考的知识点。...3. 代表类、伪类和属性选择器，如`.content`、`:ho
HTML5和CSS3让网页设计提升到下一个高度
01-19
Web设计师可以使用HTML4和CSS2.1完成一些很...我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。 我们可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在，HTML5和CSS3正跃跃欲试的等
HTML中语义化的理解
06-21
语义化是指在编写HTML和CSS代码时，通过恰当的选择标签和属性，使得代码更具有语义性和可读性，使得页面结构和内容更加清晰明了。语义化的目的是让页面具备良好的可访问性、可维护性和可扩展性。 语义化的重要性...
web前端学习笔记（常见HTML标签、图像和链接、语义化、CSS入门）
weixin_46227249的博客
04-17 316
目录一、超链接标签1、超链接的作用2、语法3、特性4、应用二、列表标签1、无序列表2、有序列表3、自定义列表三、表格1、表格的作用2、简单表格3、表格相关属性4、单元格常用属性5、表格上的css属性6、复杂表格四、HTML语义化1、什么是语义化？2、语义化的好处五、CSS简介六、CSS的三种引入方式1、行内样式（行间样式、内联样式）2、内部样式（内嵌式）3、外部样式（外链式）七、css语法 一、超链接标签 1、超链接的作用 可以点击文字、图片或者整个模块实现页面跳转功能，可以使多个页面之间产生一定的关联 2
语义化的编写html文档,语义化的HTML结构怎么理解
weixin_36303045的博客
05-30 141
相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML？语义化的HTML到底有什么好处呢？HTML是提供网页文档内容的上下文结构和含义；html本身是没有表现的，我们...
html语义化 title,「HTML+ CSS」理解html语义化，让你的网页更好的被搜索引擎识别...
weixin_34928063的博客
05-30 142
1)什么叫做标签语义化说的通俗点就是：明白每个html标签的用法(在什么情况下使用此标签合理)比如，网页上的新闻列表可以使用列表标签，文章的标题可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 、strong等标签表示强调说明等等。总的来说就是根据网页内容，选择合适的标签，便于开发者阅读和写出更优雅的代码的同...
HTML+CSS篇(一) 语义化
aiNear的博客
10-04 145
HTML+CSS篇 语义化 语义化的作用在此我就不多说了，目前仅仅是为了记录平常自己容易忽视的地方 figure + figcaption 可以使用figure + figcaption实现图片+图注的效果,使页面的语义更加良好 <figure> <img src="./images/1.jpg" alt=""> <figcaption> 图片描述 </figcaption> </figure> fie
加深对HTML和CSS标签语义化的理解
前端基础入门学习线路
02-27 3241
首先说明的一点是，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。 以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。 以前以我对web开发的粗浅理解，觉得写一个好的符合标准的页面只需要把结构和表现分离，然后不要使用table，font等标...
HTML+CSS 语义化+文本相关属性
weixin_58139900的博客
09-16 139
目录 HTML语义化（谈谈你对HTML语义化理解-从以下两方面阐述） 什么是语义化 语义化的好处（为什么要语义化） css字体，文本属性 学习目标 font-family 常用值： 多个字体名称 字体大小font-size 字体加粗font-weight 字体行高line-height 文本对齐text-align 垂直对齐属性(图文对齐上)vertical-align 下划线text-decoration 首行缩进text-inden 字体颜色 ...
Html css与文本属性
weixin_45498054的博客
08-07 149
Html文字属性与文本属性 1.css使用 (1)行内style (2)内部样式 (3)外部引用（link） 2.优先级 理论上：行内>内部>外部 实际上：就近原则 3.文本属性 （1）color文本颜色 （2）text-align文本对齐方式 （3）text-decoration文本修饰（下划线，删除线等）（text- decorationg：none 去掉a标签下划线） （4）...
CSS3属性选择器 a标签 http
weixin_43942765的博客
01-19 477
昨天又看了一下腾讯视频中陈豪老师关于CSS3的相关视频，个人又有了一些小收获，来赏析吧！ E[att^=“val”]属性att的值以"val"开头的元素。 a[href^="http:"]{ background:url("images/window.gif") no-repeat left center;背景图片水平靠左 垂直居中 padding-left:18px; } E[att$=“...
高级色系PPT11.pptx
最新发布
05-08
高级色系PPT11.pptx
html语义化标签写css
06-07
另外，在使用语义化标签时，也可以结合CSS选择器来进一步提高代码的可读性和可维护性。例如，对于一个`<nav>`标签，我们可以为其中的链接元素设置以下样式： ```css nav a { display: inline-block; padding: 10...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值