资讯专栏INFORMATION COLUMN

从零开始的全栈工程师——html篇1.2

saucxs / 1027人阅读

摘要:权重行内样式把当做标签来用写在之间外部引用把当做文件来用在里加一条路径这里的可以舍去因为后面的文件名是会默认这条标签是和是必不可少的。嵌入式这个前期一般用不到就是一个样式表里引入另一个的样式表

起名方式与CSS

一.起名方式(起名方式也叫选择器)

起名的目的是为了给标签添加属性

常见的3种选择器有 标签选择器   id选择器(使用的时候加#)    class选择器(使用的时候加.) 

样式的要求是由选择器的权重来决定的

标签的权重为1  class的权重是10 id的权重是100

权重是可以叠加的。

比如

 

注意给一个标签起两个名字的时候千万不要这样起:

 

要在一个class或者id属性里面直接写两个名字的属性值 在两个名字之间加一个空格来区分两个名字:

 

之前咱们说了选择器有标签名 id class 其实选择器有很多种

1.后代选择器(使用的时候在父标签名和子标签名之间加一个空格)

  段落里的文字

  这里的内容就会是红色

标签嵌套多层关系(包含一层)

 

2.子代选择器

标签嵌套只有一层关系

 

3.交集选择器(给一个标签起多个名字来多带带修改这条标签的样式)

 
4.通配符选择器(全选)

使用通配符选择器会加大浏览器的负荷

 

5.并集选择器

 

补充:在样式属性值后面加一个!importank表示权重无限大(表示这条样式权重最大不会被修改)

 

 

 

CSS

css(层叠样式表)就是给html添加样式

网页中有四种style样式

1.行间样式 将style当做属性写在标签内。(权重1000)

 
2.行内样式 把style当做标签来用 写在head之间

 

3.外部引用(把style当做css文件来用)(在head里加一条)

这里的type可以舍去因为href后面的文件名是.css会默认这条标签是css

rel和href 是必不可少的。

 

4.嵌入式(这个前期一般用不到)

就是一个css样式表里引入另一个的css样式表

 

 

 

 

 

 

 

 

 

 

 

 

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1829.html

相关文章

  • 从零开始全栈程师——html1

    摘要:全栈工程师也可以叫前端主要是网站小程序公众号这一块隶书篇超文本标记语言,标记通用标记语言下的一个应用。超文本标记语言的结构包括头部分英语和主体部分英语,其中头部提供关于网页的信息,主体部分提供网页的具体内容。全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用。) 超文本就是指页面内可以包含图片、链接...

    sydMobile 评论0 收藏0
  • 从零开始全栈程师——html1.4

    摘要:背景与边框一背景背景颜色简写备注以下给设置可能不起作用需要用到背景图片简写背景图片的平铺平铺浏览器默认平铺只平铺横向和纵向不平铺背景大小与位置大小大小属性值的写法有具体设置大小自适应位置背景位置也是坐标轴向下为正像右为背景与边框        一、背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下...

    yedf 评论0 收藏0
  • 从零开始全栈程师——html1.7

    摘要:存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。实际上,这是属性的特点。表单的内元素文本框密码框单选框多选框普通按钮按钮提交按钮提交下拉列表position定位与表单 一、position 1、Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...

    Dean 评论0 收藏0
  • 从零开始全栈程师——html1.3

    摘要:文本字体样式与前期英语单词汇总一文本样式颜色文本对齐方式左对齐居中对齐右对齐两端对齐文本修饰空上划线下划线删除线文本缩进缩进二字体样式字体大小大小字体颜色注意不要写成字体形状这个了解一下就行一般用不到字体字形微软雅黑宋体楷文本、字体css样式与前期英语单词汇总 一、文本样式(text)   1.颜色:color:red;   2.文本对齐方式:text-align:left/center/r...

    ingood 评论0 收藏0
  • 从零开始全栈程师——html1.5

    摘要:列表与边距探讨和行块一列表无序列表内部必须有子标签天生自带内外边距也是自带大家会发现用的时候内容前面会出现一个像这样的一个实心圆可以用属性去掉也可以更换空心圆实心圆正方形空有序列表内部必须有子标签天生自带内外边距属性是标签属性只能写在行列表与边距探讨和行块 一、列表 1.无序列表(UL) 1)内部必须有子标签2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一...

    booster 评论0 收藏0

发表评论

0条评论

saucxs

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<