前端 3.通过标签来修改样式的缺点

最新推荐文章于 2023-02-20 19:14:17 发布
最新推荐文章于 2023-02-20 19:14:17 发布
阅读量287 收藏
点赞数
分类专栏： 前端 文章标签： 前端知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xhj_1314/article/details/82944918
版权

1.通过标签来修改样式的缺点:
1.需要记忆哪些标签有哪些属性, 如果该标签没有这个属性, 那么设置了也没有效果
2.当需求变更时我们需要修改大量的代码才能满足现有的需求
3.HTML只有一个作用就是用来添加语义
所以在企业开发中修改样式都是交给CSS来做
2.通过CSS来修改样式有什么好处?
1.不用记忆哪些属性属于哪个标签
2.当需求变更时我们不需要修改大量的代码就可以满足需求
3.在前端开发中CSS只有一个作用, 就是用来修改样式
例子：


成功法则

迟到毁一生

早退穷三代

按时上下班

必成高富帅

三月小跟班
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用前端框架后js动态改变样式的一些问题（select）
博客写得好，技术好，才是真的好
07-26 2445
问题描述： 最近在做一个项目，用到一个前端框架，其中一个需求是:在选中“部门”这个下拉菜单（select）之后，要求另外三个“车间”“班组”“工种”下拉菜单（select）变为不可编辑，即这三个下拉菜单的“disabled”属性值置为”disabled”。我是用jQuery来动态实现的，代码如下： /*选择部门后其他三个下拉菜单变为不可编辑，部门选回所有类别后其他三个下拉菜单变为
前端基础-CSS样式的分类
01-08
3.外部样式 新建一个css文件，然后和html页面关联起来 a) 使用标签关联 b) 使用指令关联 /* 在style标签中 */ @import url(css文件路径) 多学一招：做项目最常用的是外部样式，link标签 三种样式表总结 样式...
Web前端，CSS字体和文本相关样式修改元素外观样式，字体大小、粗细、样式、类型、文本缩进、行高、居中、字体系列等等内容
星辰迷上大海的博客
04-25 5291
持续总结输出中，今天讲的是Web前端，CSS字体和文本相关样式修改元素外观样式，字体大小、粗细、样式、类型、文本缩进、行高、居中、字体系列等等内容
css-网页的标签，层叠样式表，修改元素样式的三种方式
weixin_47295886的博客
10-11 1250
第二个方式：内部样式表 样式编写到head标签中的style标签中，通过css选择器选择样式，对齐设置各种样式，只对一个网页，其他页面不行。第三个方式：外部样式表 link标签引入样式第一个方式：在标签内部通过style属性来设置元素的样式， "样式名1：样式值1;样式名2：样式值2;">保住绿码`网页是一个多层结构，通过css可以为网页的每一个层设置样式，最终用户看到的是网页的最上面一层。
html怎样修改标签样式表,js中怎么修改css样式表
weixin_32236693的博客
06-03 689
js中怎么修改css样式表1、用JS修改标签的 class 属性值：class 属性是在标签上引用样式表的方法之一，它的值是一个样式表的选择符，如果改变了 class 属性的值，标签所引用的样式表也就更换了，所以这属于第一种修改方法。document.getElementById( id ).className = 字符串;document.getElementById( id ) 用于获取标签对...
标签选择器用于修改html元素默认的样式,day043 前端之CSS引入方式、选择器、相关属性...
weixin_33268464的博客
06-05 961
本节内容：1、css介绍及语法2、css的几种引入方式3、css选择器(如何找到对应的标签)4、css相关属性一、css介绍及语法1、css介绍层叠样式表CSS(Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化(渲染)。2、css语法每个CSS样式由两个组成部分：选择器...
web前端面试题.pdf
06-07
"Web前端面试题.pdf" 本文档主要涵盖了Web前端开发中的一些重要知识点，包括HTML、CSS、JavaScript等方面。 1. WEB标准和W3C标准 WEB标准和W3C标准都是指Web前端开发中遵守的一些基本规范和标准，以确保Web页面的...
阿里web前端开发面试题1.doc
10-21
4. `a` 标签的字体大小、粗细、行高和颜色是基础样式设定，确保可读性，`font-weight:bold` 可能用于强调链接的重要性。 二、JSON对象描述 根据描述，可以构建如下JSON对象： ```json { "name": "小明", "age":...
前端前端静态模板-宠物医院-学生作业毕设实训素材.zip
04-07
通过这个宠物医院的前端项目，你可以系统地学习前端开发的各个方面，包括但不限于HTML5语义化标签、CSS3选择器与动画、JavaScript DOM操作和事件处理、响应式设计等。此外，还可以接触到前端开发工具的使用，如Git...
前端学习的第10天.zip
10-15
样式表 优点 缺点 使用情况 控制范围 行内样式表 书写便捷权重高 结构样式混写 较少 控制一个标签 内部样式表 部分结构与样式相分离 没有彻底分离 较多 控制一个页面 外部样式表 完全实现结构与样式相分离 需要引入 ...
自己收藏的精美 tag 标签样式
06-26
js 调用 css 样式齐全，自己一直收藏的，把调用图片可以修改成自己需要的颜色，非常漂亮。
Javascript动态改变样式表性能测试。
伴水之剑
06-05 2729
.csdn_logo{width:50px;height:50px;background:url(http://csdnimg.cn/www/images/csdnindex_piclogo.gif);}.google_logo{width:50px;height:50px;background:url(http://www.google.cn/intl/zh-CN/images/lo
css样式优缺点与优先级
qq_42786725的博客
07-26 3601
1. 三种css样式优缺点： 行内样式： 缺点： 内容和样式没有分离； 样式没有复用性；仅作用于当前元素： 优点：1.写法比较简单，适用范围广，2优先极高 内部样式： 缺点： 样式和内容没有完全分离：多个页面间不能复用； 优点： 实现了样式复用。复用程度不高不能在多个页面之间复用 外部样式 缺点：编辑时需要频繁切换 优点：html和css完全分离 css得到最大程度复用 2.样式优先级的比较（...
让前端人员很苦恼的几件事
Yangtzem的博客
01-16 356
作为一名前端开发人员，最常见的就是根据设计稿和需求文档评估工作量，最后项目组就会给一个合理的开发排期。 前端在开发过程中很苦恼的几件事？ 设计： Q1: 设计稿难产 处理办法：1）先催再等   2）拿固定不变的半成品先做结构、划分组件 Q2: 在开发过程中发现某处设计用常规办法无法实现 处理办法：1）做好评估，在开发前发现问题，向设计反馈意见   2）跟设计说明情况，采用折中办法   ...
style标签，你可能不知道的用法
m0_64460287的博客
02-20 436
contentEditable是html中的一个属性。设置html的contentEditable="true"时，即可开启该元素的编辑模式。white-space:pre的作用是保持源码中的空格，有几个空格算几个空格显示，同时换行只认源码中的换行和标签。属性，就马上看到效果，是不是觉得很神奇，这是如何实现的呢？其实只是一个style的标签就可以搞定， 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在。中如何呈现 HTML 文档。大家可以试着改变里面。
零基础学习HTML(4)——style标签的使用
qq_43650934的博客
12-25 4855
文章目录官方资料学习正文 注：学习笔记基于小甲鱼学习视频，官方论坛：https://fishc.com.cn/forum.php 官方资料 鱼C课程案例库：https://ilovefishc.com/html5/ html5速查手册：https://man.ilovefishc.com/html5/ css速查手册：https://man.ilovefishc.com/css3/ 学习正文 &l...
前端开发之html属性style对象获取和设置行内样式
imbzz的博客
07-25 3907
html属性style对象获取和设置行内样式
前端必备html标签和css样式持续更新
m0_62823653的博客
06-15 384
color: red; //文本颜色 font-size: 30px; //字体大小 background-color: pink; //背景颜色 width: 300px; //宽度 height: 300px; //高度 font-weight: 700; //字体粗细属性：400正常；700加粗 font-style: italic; //字体倾斜属性：italic倾斜；normal不倾斜 font-fa
前端三剑客之css（超详细）
luka.lh的博客
01-28 480
目录一、概念二、基本语法规范三、引入方式1、内部样式表2、行内样式表3、外部样式四、选择器1、基础选择器2、复合选择器五、常用元素属性1、字体属性2、文本属性3、背景属性4、圆角矩形六、chrome调试工具-查看css属性1、打开方式2、各标签页含义3、elements标签页使用七、元素的显示模式1、块级元素2、行内元素（内联元素）3、区别4、改变显示模式八、盒模型1、边框2、内边距3、外边距4、去除浏览器默认样式九、弹性布局 一、概念 CSS(Cascading Style Sheets)层叠样式表，CS
前端多媒体技术：一. video标签的原理
最新发布
09-06
视频标签（<video>）是HTML5中提供的用于在网页中嵌入视频内容的标签。它的工作原理如下： 1. 嵌入视频源：使用<video>标签时，可以通过设置它的"src"属性来指定视频文件的URL。这可以是本地视频文件的路径，也可以是远程服务器上的视频文件路径。 2. 支持多种格式：为了兼容不同的浏览器和操作系统，<video>标签还支持多种视频格式。通常会在"src"属性后面使用<source>标签来指定视频文件的不同格式。浏览器会自动选择可播放的格式。 3. 控制视频播放：<video>标签还提供了一些控制视频播放的属性和方法。例如，可以使用"autoplay"属性来自动播放视频，使用"controls"属性来显示视频控制条，使用"loop"属性来循环播放视频等。 4. 响应式布局：<video>标签也支持响应式布局，可以根据父容器的大小自动调整视频的尺寸。可以通过设置"width"和"height"属性来指定视频的固定尺寸，也可以使用CSS样式来控制尺寸。 5. JavaScript控制：除了通过标签属性来控制视频播放外，还可以使用JavaScript来控制视频的播放、暂停、跳转等操作。可以通过获取<video>元素的引用，然后调用其提供的方法来实现。 综上所述，<video>标签的原理是通过指定视频源、支持多种格式、控制视频播放、响应式布局和JavaScript控制等方式，将视频内容嵌入到网页中并进行播放。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值