PHP(层叠样式表,写法分类),选择器的种类)
表单元素的取值怎么取 对应的属性值都有哪些?
<span> 标签被用来组合文档中的行内元素。
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
style 属性规定元素的行内样式(inline style)
style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。
rel 属性规定当前文档与被链接文档之间的关系。
<link rel="stylesheet" ---(样式)type="text/css"--(类型) href="20180706.html"---(跳转的页面)>
层叠样式表,美化页面
写法分类:
1.内联:(行内)重点!!!!!!
写在标签里面,以属性的形式表现,属性名是style
2.内嵌:
写在head标签里面,以标签的形似表现,标签名style
3.外部引用:
写在head标签里面,以标签的形似表现,标签名link
样式的格式:
样式名: 样式值;
样式名1: 样式名1;
选择器:找元素(找标签)
选择器的格式:(
样式名: 样式值;
样式名1: 样式名1;)
选择器有哪些:
标签选择器 标签名
id选择器 #id属性值 通过id的属性值来找标签
class选择器 .class属性值
并列选择器 选择器1,选择器2 (关键符号是,)
后代选择器 选择器1 选择器2(关键符号 空格)
属性选择器 选择器属性名=[“属性值']{}
优先级:行内的是最高优先级
(权值越高,优先级越高)
行内 1000
id 100
class 10
标签 1
*(通用选择器)0 :代表所有的,
font-xxx 定义为字体的大小和字体的粗细。
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
height:高度的设置
width: 宽度的设置
weight:字体大小的设置(加粗还是倾斜还是下划线)
size:字体大小尺寸的设置
font-family:微软雅黑;
div的意思:有固定的格式,用来布局使用,通过CSS+DIV效果将更显著,就好比,在HTML中的body里面写入div的内容与属性,但是在head里面通过css来美化。
一般样式:
文本,背景,字体,
布局,定位,浮动,
显示,动画,渐变,旋转,3D
PHP(层叠样式表,写法分类),选择器的种类)的更多相关文章
- 发布两款JQ小插件(图片查看器 + 分类选择器),开源
图片查看器,github地址:https://github.com/VaJoy/imgViewer 效果如下: 这款当初大概写了2小时,有点匆忙地赶出来的,使用的接口很简单: $.bindViewer ...
- js仿百度文库文档上传页面的分类选择器_第二版
仿百度文库文档上传页面的多级联动分类选择器第二版,支持在一个页面同一时候使用多个分类选择器. 此版本号把HTML,CSS,以及图片都封装到"category.js"中.解决因文件路 ...
- HTML+css基础 css选择器的种类
css选择器的种类 标签 权重是001 类 class权重是0010 相当于255个标签选择器 Id 权重是0100相当于255个类 *通配符 代表所有的标签 权重是0000 后代选 ...
- CSS 分类 选择器
CSS:层叠样式表(英文全称:Cascading Style Sheets) 后缀名:css 标志 style 对网页中元素位置的排版进行像素级精 ...
- 大家好,又是新的一天。今天给大家带来一些新的知识:选择器的种类和css的三种样式
今天我们为大家 选择了 六种 选择器: 1. 标签选择器 2.id选择器 3.class选择器 4.后代选择器 5.子代选择器 6.交集选择器 我们就举三个典型的例子:后代选择器,子代选择器和交集选择 ...
- CSS样式的4种写法 | 以及选择器的几种用法
CSS样式: 1.内部样式表 <style type="text/css"> 样式表写法 </style> 2.使用link标签,在文档中声明使用 ...
- 事件处理之二:点击事件监听器的五种写法 分类: H1_ANDROID 2013-09-11 10:32 4262人阅读 评论(1) 收藏
首选方法二! 方法一:写一个内部类,在类中实现点击事件 1.在父类中调用点击事件 bt_dail.setOnClickListener(new MyButtonListener()); 2.创建内部类 ...
- css学习_写法规范、选择器
1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范 选择器 { 属性 :值 : ...
- css的选择器及它的种类特性?
今天主要说的是选择器的基础, 首先看,选择器的优先级:!important > 行间样式 > id选择器 > class 选择器 == 属性选择器 > 标签选择器 > 通 ...
随机推荐
- gtest环境安装
gtest全称Google Test,是Google的C++测试框架,有很多优秀的软件都会依赖这个环境编译或者在开发中也会用到,gtest的编译非常简单,下面简单说明一下安装过程. gtest git ...
- 主流浏览器Css&js hack写法
参考: BROWSER HACKS 主流浏览器的Hack写法
- 分享12款令人瞠目结舌的WebVR演示和实验效果
不管你信不信, WebVR绝对是浏览器下一个让你激动的技术方向, 也许很快你就可以使用VR头显或者相关设备直接访问web内容和资源啦! 在这篇资源分享帖中,我们将介绍很多基于浏览器的VR演示和游戏,帮 ...
- iOS--App功耗优化
良好的用户体验需要如下要素: 电池寿命长.随着能效降低,电池寿命也会降低.但用户想让自己的移动设备全天候待命. 速度快.iOS系统处理复杂操作时仍能提供很好的性能. 响应快.同一时刻消耗太多资源会使U ...
- IoC之AutoFac(四)——AutoFac在MVC中的使用
阅读目录 Mvc中使用Autofac 第一步:在mvc中添加dll文件,可以通过Nuget直接添加 第二步:在App_Start文件夹中添加一个AutofacConfig类 第三步:在Global.a ...
- Django项目中自定义manage命令
挺不错的一篇文章:https://www.cnblogs.com/ajianbeyourself/p/3643304.html
- Android Studio 好用的设置
Android Studio 好用的设置 设置目录 Getter 模板修改--自动处理 null 判断 格式化代码自动整理方法位置--广度 or 深度 设置步骤: Getter 模板修改,自动处理 n ...
- Atitit 如何在水泥森林打猎 找到合适的公司
Atitit 如何在水泥森林打猎 找到合适的公司 1. 我们工作的本质就是打猎,万年前在草原森林里面打猎,现在在水泥森林里面打猎 2 1.1. 我们的本质职位只有一个,那就是猎人 2 1.2. 所有 ...
- Atitit 乌合之众读后感attilax总结 与读后感结构规范总结
Atitit 乌合之众读后感attilax总结 与读后感结构规范总结 1. 背景概览与鸟瞰overview 1 1.1. 社会背景 与 历史事件背景 与历史时间背景 1 1.2. 书籍简绍 2 1. ...
- Cocos 编译android-studio
3.15.1 之前: http://www.jianshu.com/p/ac2bac4734b8 http://www.jianshu.com/p/3d0cc85460d1 在工程项目下 运行 coc ...