HTML+css基础标签的起名 style标签选择器的使用规则

标签的起名: 1. 官方提供的标签名 2. 类名: 用class属性起的名字 3. Id名: 用id属性起的名字唯一的我们把这种起名叫选择器 class选择器 id选择器标签选择器 style标签: 给标签添加样式. 1. 位置在head标签之间 2. 书写格式选择器name{ 样式属性:样式属性值; } 选择器的使用: 1. 标签选择器直接使用标签名就ok 2. Class选择器需要在名字的前面加 . 3. Id选择器需要在名字的前面加 # …

HTML&CSS基础-子元素和后代元素选择器

HTML&CSS基础-子元素的伪类选择器

JS动态引入js,CSS——动态创建script/link/style标签

一.动态创建link方式我们可以使用link的方式.如下代码所示. 二.动态创建style方式但是,这样的话,需要加载整个css文件,但是那样有可能浪费一个http请求并占用一个服务器请求数,并等待上一段下载时间,所以,Firebug Lite采取的是将css代码写在js中,然后动态创建style标签的方法,正如下面所示这样的话,如果是较少的代码,可以比较方便的实现到动态加载css的效果,但是如果为了方便维护和管理,并没有等待时间限制,使用link方式更加合适三.动态创建script方式…

JS动态引入js、CSS动态创建script/link/style标签

一.动态创建link方式我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setA…

HTML+CSS基础（2）-HTML标签的简单介绍和网页注释

标签的语法和基本规则 1.语法"<xxx></xxx>",英文的"<>"将标签括起来,如例1.  <html></html> 2.标签一般成对出现,有开始标签和结束标签,结束标签比开始标签多一个"/",如例1所示. 3.标签可以互相嵌套,但先后顺序需保持一致,如例2,p标签的开始标签在div标签的开始标签之后,p标签的结束标签在div标签的结束标签之前. &…

HTML 网页开发、CSS 基础语法——七.HTML常用标签

标题标签(h1-h6) 1.标题标签 ① 标题(Heading),通过<h1>-<h6>六个标签分别来对六个级别的标题进行性定义的. ② <h1>是级别最高,也是字体最大的标题,<h6>定义最小的标题. ③标题标签是双标签,而且是容器级标签. 2.标题标签的作用标题标签的作用是给标签内部的元素内容添加对应级别标题的予以,不负责文字的粗体字号等样式. 其样式是由CSS决定的. 3.标签级别标题标签之间是不能相互嵌套的,下一级标题与上级标题之间通过同级关系书…

HTML&CSS基础学习笔记1.19-DIV标签1

div标签这里我们要认识一下HTML里使用非常多的的一个标签:<div>. <div>标签定义文档中的分区或节(division/section),他可以把文档分割为独立的.不同的部分.它也可以用来布局,划分网页的区域.在标签的嵌套使用上会经常使用<div>标签,让页面结构更加清晰. 具体使用是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charse…

前端 HTML 常用标签 head标签相关内容 style标签定义内部样式表

styple标签  <style type="text/css"></style>…

HTML&CSS基础学习笔记1.25-input标签隐藏元素

隐藏元素有时候我们编写前端代码的时候,可能需要把一些数据告诉后台,但是这些数据又不想让用户看到,我们可以设置<input>标签的[type]属性为"hidden". <input>的[type]属性值为"hidden"表示隐藏输入域. 这种类型的输入标签是看不见的,但是是真实存在的.这个不可见的标签的 [value] 属性保存了一个要提交给 Web 服务器的任意字符串.如果想要提交并非用户直接输入的数据的话,可以使用这种类型的<inp…

HTML&CSS基础学习笔记1.24-input标签的单选与多选

单选和多选单选框和多选框是用<input>标签来实现的. <input>标签的type属性值为"checkbox"时,表示多选框,为"radio"时表示单选框. 一个多选列表一般具有2个或两个以上的多选框,它们都具有属性name,且属性name值相同,当这些多选框具有属性checked时,表示选中,没有checked属性表示未选中.在一个多选列表内,可以有复数个多选框具有checked属性. 一个单选列表一般具有2个或两个以上的单选框,它们…

HTML&CSS基础学习笔记1.20-DIV标签2

<span>标签标签div把文档分割为独立的.不同的部分,而在HTML中,<span>标签则被用来组合文档中的行内元素. 看个实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>给页面…

HTML&CSS基础学习笔记1.33-元素选择器

元素选择器最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器: p { text-indent:10px; color:blue; } 什么情况下使用元素选择器,一般我们这样认为: 如果你想要让页面中所有的指定元素都有这个CSS效果,可以使用元素选择器. 有这样一段html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…

style标签进行实时编辑及修改css(转)

心得: style也是一个标签,那么也可以使用css对其进行编辑 html5新属性 contenteditable,可以让标签元素处于可编辑状态,对于style标签也适用为了不影响head标签里的style标签,如此写 body style { } 最后代码为: body style { display: block; padding: 0.6em 0.8em; border: 1px dashed #ccc; background-color: #f5f5f5; color: #000; f…

Web前端温故知新-CSS基础

一.CSS定义与编写CSS 1.1 CSS的定义全名:Cascading Style Sheets -> 层叠样式表定义:CSS成为层叠样式表,它主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式.CSS以HTML为基础,提供了丰富的功能(如字体.颜色.背景的控制以及整体排版等等),还可以针对不同的浏览器设置不同的样式. 1.2 HTML.CSS与JS三者的关系 HTML:页面结构,负责从语义的角度搭建页面结构.…

HTML基本文件， CSS基础

HTML 一.HTML基本文件 [meta标签] 1.charset属性:单独使用.设置文档字符集编码格式. >>>写法:<meta charset="utf8"> >>>常见的中文编码格式: GB-2312:国标码,简体中文 GBK:扩展的国际码,简体中文 UTF-8:万国码 Unicode码基本兼容各国语言 2.http-equiv属性:需配合con…

css基础语法一（选择器与css导入方式）

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔. 选择器{ 属性1:属性值1; 属性2:属性值2; …

学习笔记—CSS基础

概念 CSS 指层叠样式表(Cascading Style Sheets), 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译. HTML只负责网页的内容,标签尽量只负责语意不负责样式.CSS 主要负责网页的样式,给网页进行布局,解决了内容与表现分离的问题. CSS 可以重复使用,避免代码冗余.但依赖于HTML. CSS的声明内联样式(在 HTML 元素内部) 在 html 标签上使用 style 属性进行声明.此声明只作用于当前 html 标签. 拥有最高优先级. <p…

CSS基础入门

css基础语法一.CSS格式选择器{ 属性名:属性值; 属性名:属性值; } 选择器负责圈定范围,要修改的元素集合,花括号内的声明由属性名和属性值组成(key:value)的形式,用于设定具体样式二.CSS三种引入方式 1.行间式 <p style="color:red;"</p> 2.内联式 <style> p { color:red } </style> 3.外联式 p { width: 100px; height: 100px; b…

CSS【03】：CSS 基础选择器与三种引入方式

基础选择器选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式选择器其实就是给 html 标签起名字标签选择器作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中 id选择器作用:根据指定的 id 名称找到对应的标签,然后设置属性格式: #…

CSS基础语法与选择器

CSS基础语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } </style> </head> CSS选择器标签选择器 ID选择器类选择器特殊选择器交集并集后代选择器通用选择器伪类选择器 CSS3新增选择器…

web开发：css基础

一.w3c架构分析二.css三种引入三.三种引入的优先级四.基础选择器五.长度单位与颜色六.文件样式操作七.display 一.w3c架构分析 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>架构分析</title> </head> <body>  <div c…

css基础知识

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.其中选择器通常是您需要改变样式的 HTML 元素(比如p标签),也可以是节点的属性的值(比如id,class):每条声明都是一条字典key:value,以分号(;)分隔:例如p {color:red;text-align:center;}. CSS的使用: 1.内部样式表: 写在<head>标签里的<style>标签里.<head><style>body {background-color:gre…

CSS基础1

CSS是层叠样式表(Cascading Style Sheets)的缩写,它有以下优点:①提高页面浏览速度:②缩短改版时间,降低维护费用:③更好的控制页面布局:④实现表现和结构.内容相分离:⑤更方便搜索引擎的搜索.在HTML文档中加入CSS有三种方法:外部样式表.内部样式表和行内样式表.外部样式表:将CSS的代码单独写在一个文件中,需要时使用:内部样式表:写在heab标签中的style标签中:行内样式表:直接在标记中加入style属性.样式的规则语法:一个样式规则由一个选择器后跟一个声明块组成.…