在html里用标签来连接外置css文件时，被连接的css文件中的以下几个选择器是不会生效的：
1、id选择器。
2、类选择器。
3、属性选择器。
上述几个选择器必须使用内嵌css才会生效。（
外置css更适合给网页主体和同一类元素进行美化，并不适合用于美化单个元素。
此外,html的class值和id值千万不能用纯数字来写。
原文地址：https://www.cnblogs.com/debianroot/p/10162818.html
时间： 2024-11-05 19:30:38
html外置css注意事项
html外置css注意事项的相关文章
css注意事项
一.概述 所有的样式格式如下: 样式名称:属性值 属性摘要: background-color 元素的背景颜色 border 设定元素的边框 color 设定元素的前景色 font-size 设定字体的字号 height 设定元素的高度 padding 设定元素到边框的间距 text-decoration设定文字的装饰效果 width 设置元素宽度 二.样式的分类 样式分为以下几种: 1.元素内嵌样式 2.文档内嵌样式 3.外部样式表 4.用户样式 5.浏览器样式 当有多个样式来源时,按照上述顺
animate.css注意事项
animate.css下载地址 有时候需要通过js控制重复运行动画的可以这样操作 1. html代码: <h3 class="animated">aaa</h3> 2. js代码: $('h3').addClass('shake').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $(this).removeClass(
面向对象的CSS注意事项
1.不要直接定义子节点,应把共性声明放到父类 : 2.结构和皮肤相分离. 3 . 结构和内容相分离. 4.抽象出可重用的元素,建好组件,在组件库内寻找可用的元素组装页面. 5.往你想要扩展的对象本身在增加class而不是他的父节点. 6.对象应保持独立性. 7.避免使用ID选择器,权重太高,无法重用.(ID)选择器 是为js使用. 8.避免 位置相关的样式. 9.保证选择器相同的权重. 10.类名 简短 清晰 鱼 语义化 OOCSS的名字并不影响HTML语义化
html/css——注意事项
font系列: font-size font-weight font-family font-style line-height 复合写法:font:italic bolder 24px/40px '宋体' text系列: text-align: right|left|center; text-indent: 2em;首行缩进 em??? text-decoration: underline|overline|line-through letter-spacing:; world-spacing
Web前端开发规范【HTML/JavaScript/CSS】
前言 这是一份旨在增强团队的开发协作,提高代码质量和打造开发基石的编码风格规范,其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分.我们知道,当一个团队开始指定并实行编码规范的话,错误就会变得更加显而易见.如果一段特定的代码不符合规范的话,它有可能只是代码风格错误,而也有可能会是 bug.早期指定规范就使得代码审核得以更好的开展,并且可以更精确的地定位到错误.只要开发者们能够保证源代码源文件都严格遵循规范,那接下去所使用的混淆.压缩和编译工具则可投其所好不尽相同. 要
js-d3画图插件
d3.js下载 全面学习网站:http://www.ourd3js.com 网络统一配置 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 1. 如何选择元素 在 D3 中,用于选择元素的函数有两个: d3.select():是选择所有指定元素的第一个 d3.selectAll():是选择指定元素的全部 例如 var body = d3.select(&q
Nginx的第三方模块ngx-fancyindex安装
一.ngx-fancyindex模块的简介: Nginx Web 服务器自带的目录浏览功能看起来并不是那么的美观,我们可以使用ngx-fancyindex插件来美化目录浏览功能. 我们到https://github.com/aperezdc/ngx-fancyindex 下载ngx-fancyindex 二.在未安装nginx的情况下安装nginx第三方模块: #tar xf nginx-1.8.0.tar.gz #unzip ngx-fancyindex-master.zip #cd ngin
D3.js 做一个简单的图表！
柱形图是一种最简单的可视化图标,主要有矩形.文字标签.坐标轴组成.本文为简单起见,只绘制矩形的部分,用以讲解如何使用 D3 在 SVG 画布中绘图. 一. 画布是什么 前几章的处理对象都是 HTML 的文字,没有涉及图形的制作. 要绘图,首要需要的是一块绘图的“画布”. HTML 5 提供两种强有力的“画布”:SVG 和 Canvas. 1.1. SVG 是什么 SVG,指可缩放矢量图形(Scalable Vector Graphics),是用于描述二维矢量图形的一种图形格式,是由万维网联盟制定
绝对定位布局
Html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>lalalal</title> 6 <link rel="stylesheet" href="css/css.css" type="text/css" />