从零开始的全栈工程师——html篇1.2
起名方式与CSS
一.起名方式(起名方式也叫选择器)
起名的目的是为了给标签添加属性
常见的3种选择器有 标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.)
样式的要求是由选择器的权重来决定的
标签的权重为1 class的权重是10 id的权重是100
权重是可以叠加的。
比如
注意给一个标签起两个名字的时候千万不要这样起:
要在一个class或者id属性里面直接写两个名字的属性值 在两个名字之间加一个空格来区分两个名字:
之前咱们说了选择器有标签名 id class 其实选择器有很多种
1.后代选择器(使用的时候在父标签名和子标签名之间加一个空格)
<p>
段落里的文字
<a>这里的内容就会是红色</a>
</p>
标签嵌套多层关系(包含一层)
2.子代选择器
<div class="pp">
<a>这里会是红色<a>这里就不会变</a></a>
</div>
标签嵌套只有一层关系
3.交集选择器(给一个标签起多个名字来单独修改这条标签的样式)
<div id="p" class="aa"></div>
4.通配符选择器(全选)
使用通配符选择器会加大浏览器的负荷
5.并集选择器
补充:在样式属性值后面加一个!importank表示权重无限大(表示这条样式权重最大不会被修改)
CSS
css(层叠样式表)就是给html添加样式
网页中有四种style样式
1.行间样式 将style当做属性写在标签内。(权重1000)
2.行内样式 把style当做标签来用 写在head之间
3.外部引用(把style当做css文件来用)(在head里加一条<link type="text/css" rel="stylesheet" href="css路径">)
这里的type可以舍去因为href后面的文件名是.css会默认这条标签是css
rel和href 是必不可少的。
4.嵌入式(这个前期一般用不到)
就是一个css样式表里引入另一个的css样式表
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=bk1jhj&title=从零开始的全栈工程师——html篇1.2
从零开始的全栈工程师——html篇1.2相关推荐
- 从零开始的全栈工程师——html篇1
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) "超文本"就是指页面内可以包含 ...
- 从零开始的全栈工程师——js篇2.12(面向对象)
面向对象 Js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差. 所以作者就收到java和c的影响,往面向对象靠齐.Js天生有一个Object ...
- 从零开始的全栈工程师——html篇1.6
浮动与伪类选择器 一.浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征(块和行级) 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)floa ...
- 从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
- html+ol+从+开始,从零开始的全栈工程师——html篇1.5
列表与边距中比需抖接朋功要朋插探讨和行块 一.列表 1.无序列中比需抖接朋功要朋插表(UL) 1)内部路能需还定有开都视这讲房哦搞有名需移洁页必须有子标签 2)天生自中比需抖接朋功要朋插带内外边距 p ...
- c语言 boid,从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
- 论网络喷子的功力-关于全栈工程师那篇文
由于我一篇文章<"全栈"工程师 请不要随意去做>在公众号和CSDN博客首页同时发表被推荐,引来了各种性格和类型的读者观看. 本来这篇文章是一篇饭后杂谈,我随笔有感而发. ...
- 从零开始的全栈工程师——underscore
underscore 是js封装的一个js库 库和框架是有区别的 mvc框架就是backbone就是依赖这个库 underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个 ...
- 全栈工程师的百宝箱:黑魔法之文档篇
今天收集Session数据的时候收集到了这样的一条,就是"全栈工程师的工具箱".星期一又想不到什么可以写的内容,就来这样的一篇好了. 以下的内容都是压箱底的,找个地方好好收藏.这篇 ...
最新文章
- java在jsp中判断td的值是1还是2_Snap7,Eel与S71200简单组态1
- mnn c++ windows 调用实例
- anaconda3安装_Anaconda3软件与安装教程
- java form action 参数_java发起form请求(有参数,无参数)
- 醒醒!Python已经支持中文变量名啦!
- 归并排序,快速排序,冒泡排序,选择排序,基数排序,桶排序,堆排序(c++实现)
- sixxpack破解的文章!【转】
- java.lang.math.abs_java.lang.StrictMath.abs(int a)方法实例
- Filter使用详解
- Codeforces 295 (Div.1)
- Linux Apache服务详解——Apache虚拟目录与禁止显示目录列表实战
- Endnote常见错误
- 双耳节拍 枕头_枕头2.2.1发布
- Linux命令全称及目录结果
- 前端每日实战:50# 视频演示如何用纯 CSS 创作一个永动的牛顿摆
- UI——day5.什么是启动页
- python工资条教程_这才是史上最简单的工资条制作方法
- 使用MV制作最简单的游戏:我要做游戏(4)
- 伊利洛伊大学厄巴纳-香槟分校计算机专业,申请伊利诺伊大学香槟分校计算机科学专业需要具备哪些条件?看完文章你就清楚了...
- Linux 文档编辑 : let 命令详解