css内容简介(层叠样式表)
css是对网页编辑的加色,是对其功能的渲染。
根据规范每个元素都有一个display属性,每个元素都有一个------------如div元素他的默认为block。
行内元素和块级元素
块级元素会占据一块矩形的面积可以设置长宽高等,反之行内元素就不行。块级元素可以嵌套行内元素,反之行内元素就不行。
引用css
使用外部样式表
使用代码引用css,代码为<link rel=“stylesheet” herf=“main.css”>
它能够使代码分离,便于维护和使用。
使用内部样式表
将css编写在HTML文档中,在head标签中书写,代码如下<style type="text/css"> </style>这个虽然比较方便,但是多个页面中难以共享,不便于修改,所以不建议使用该内部样式表。
使用行内样式表
直接编写在起始标签中,和内部样式表都差不多,不太建议使用。
css的注释
css的规则中,其格式为:选择器{申明块}
元素选择器------------标记名{申明块}
类选择器---------------.类名{申明块} 类名自己命名,需要在HTML标签的起始标签中加入class属性
id选择器----------------#id值{申明块}
组合/并集选择器------标记名1,标记名2{申明块} 标记名不限
伪类选择器--------------针对于a标签而言 a:link未访问 a:visited已访问 a:hover鼠标悬停 a:active点击时 {申明块}
后代选择器--------------将其祖表签在前 后代标签在后{申明块}
子集选择器--------------将父级元素在前 后代标签在后{申明块}
属性选择器(input type=“text”)
格式一:元素名[属性名称+属性值]{申明块}
格式二:元素名称[属性名称+“向上的大于号=”+属性值]{申明块}选择以属性值开始的标签
格式三:元素名称[属性名称+“&=”+属性值]{申明块}选择以属性值结束的标签
格式四:元素名称[属性名称+“*=”+属性值]{申明块}选择属性值的表签
小内容和其他内容将在后续写上。。。。。。。。。。
css内容简介(层叠样式表)的更多相关文章
- css012 css布局简介
css012 css布局简介 一. 网页布局的类型 网页布局的类型 1.固定宽度 2.流式 3.相应式web设计 二. 如何进行css布局 1.强大的<div>标签 网页的h ...
- Jquery 内容简介
内容简介 内容简介 • 什么是Jquery • 万能的选择器 • 管理jQuery包装集 • 使用jQuery操作元素的属性与样式 • 事件与事件对象 • jQuery中的Ajax • jQuery ...
- 第三篇、CSS样式简介
<!--1.行内样式 <p style="background-color:red;font-size:20px"> --> <!--2.页内样式 & ...
- CSS 选择器简介
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 选择器权重 如果以4位数表示选择符权重,那么: 元素选择器的权重是1: id 选择器的权重为100: cl ...
- CSS(简介or选择器)
我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当H ...
- 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码
原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...
- metinfo首页内容简介
http://www.hlbaozhuangji.cn/manage/content/other_info.php?anyid=31&lang=cn 首页内容简介: select * from ...
- CSS之简介及引入方式
一.css的来源 1994年哈坤·利提出了CSS的最初建议.而当时伯特·波斯(Bert Bos)正在设计一个名为Argo的浏览器,于是他们决定一起设计CSS.其实当时在互联网界已经有过一些统一样式表语 ...
- 帝国cms列表页内容简介字段smalltext去除里面html格式代码 设置方法
帝国cms列表页内容简介字段smalltext去除里面html格式代码帝国cms列表页调用内容简介出现html代码怎么办 近来在用帝国cms的时候,发现一个问题,在列表页调用产品简介的时候出现了这种h ...
随机推荐
- [USACO09FEB] 改造路Revamping Trails | [JLOI2011] 飞行路线
题目链接: 改造路 飞行路线 其实这两道题基本上是一样的,就是分层图的套路题. 为什么是分层图呢?首先,我们的选择次数比较少,可以把这几层的图建出来而不会爆空间.然后因为选择一个边权为0的路线之后我们 ...
- ubuntu设置root登录ssh
1. 默认不带ssh,所以需要安装一下ssh sudo apt install openssh-server 2 .设置root密码,ubuntu默认root密码是随机的,需要重置一下 sudo pa ...
- “全栈2019”Java第五十八章:多态中方法返回类型可以是子类类型
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...
- 2017qcon大会的一点想法(安全人才如何不被淘汰?)
2017 qcon 上海专门设立了“直击黑产,业务安全的攻与防”专题,通过这次专题的了解和学习,让我对黑产的攻防有了更深入认识. 1. 安全防护趋势 2017 qcon 上海专门设立了“直击黑产,业务 ...
- js的事件机制二
js的事件机制二 1.给合适的HTML标签添加合适的事件 onchange-----select下拉框 onload-----body标签 单双击-----用户会进行点击动作的HTML元素 鼠标事件 ...
- ES6 (一)变量声明方法 & 解构赋值
就是最新的JavaScript 原来的是var,要求不严格,不能限制修改,函数级 es6要求严格 1.防止重复声明 let 变量=var const 常量 2.控制修改 const常量不能修 ...
- jQuery 与 js的入口函数写法
//js的入口函数执行要比jQuery的入口函数执行得晚一些. //jq的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载. //js的入口函数会等待页面加载完成,并且等待图片加载完成才开始 ...
- FPGA基础学习(7) -- 内部结构之CLB
目录 1. 总览 2. 可配置逻辑单元 2.1 6输入查找表(LUT6) 2.2 选择器(MUX) 2.3 进位链(Carry Chain) 2.4 触发器(Flip-Flop) 参考文献: 一直以来 ...
- Vue生命周期钩子详解【个人解读】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Python+Selenium之cannot focus element 解决方法
有时候刚进入页面输入第一个值时脚本会报错:cannot focus element 贴下我的脚本和解决办法供大家参考 我原本的脚本是: WebDriverWait(driver,15,0.5).unt ...