css样式

常见标签:table div p img video zudio hr br b i u emstrong del tr td th tbody thead header section footer article asidehtml style span body hn small herd title meta

===================================================

列表标签(块标签自动换行):三种列表:1、有序标签ol(order list) 2、无序列表ul(unorder list) 3、数据列表dl(data list)dt dd

================================================

无序列表:

1、ul{list-style:none 去掉ul的默认样式}

2、ul li{list-style-image:url('路径');给每一个列表元素都引入一个图片} li=list item列表子项dt+题目dd+数据

3、超链接:href 属性主要用于表示将要跳转页面的地址:本地地址 网络地址

target属性:表示目标 默认使用 _self表示本地选项卡打开

    可以修改为_blank表示使用新的选项卡打开

target="_self"在本页面打开网页

target="_blank"在新页面打开网页


=================================================

表单标签:method  提交服务器的方式在http1.1的标准下,http请求方式有八种:

1、get 2、post 3、put、4、delete  前4中常用5、header 6、connect 7、option 8、track

get与post的区别:

1、ger请求参数拼接到url上 post请求不会将参数拼接到地址上,而是封装在一个body体内 2、get请求不太安全,post比较安全 3、get有大小限制,post理论上没有大小限制 4、文件上传一定要使用post get不能传送路径post支持流传输

最重要的表单元素(标签):

action 属性表示提交数据的服务器地址url/uri"#"表示不提交action="http://www.baidu.com"input文本输入框:type:text password/number/datetime-local默认不写就是text      date/time/radio/checkbox(多选按钮)/file      submit(提交按钮)color/reset/image      button/url/email/week/year/month/hidden/range用户密码可加可不加XX 前后XX保持一致 radio 单选 name保持上下一致 不然可以多选只能传数字包括(e)其他不行上传文件提交按钮重置按钮但是不提交 但是样子和submit一样 将来用于ajax

====================================================

隐藏不让用户看但是会上传XX不现实在用户端但是会传到服务端email url 会自主判断是否输入正确 后加redonly表示只读不能写  加checked表示默认选择了一个或者多个textarea 文本输入域rows(行)cols(列)checked required readonly不能是空的默认值XXXX中间不能为空

===========================================

css:(cascading style sheet)级联样式表/层叠样式表用来装饰页面的技术html 

结构层css表示层js行为层link rel="stylesheet"引入其他样式 rel必写herf写上被引用样式的地址

===================================================================

ul>li*8>a[href="#"]>{XX$}< a href="#">1XX$表示按顺序写入div>ul*3>li*5>a[href=""]{XX}生成3个ul 每个ul生成5个li 每个li生成1个a在style中设置样式的时候 不要在ul里设置要在ul中的li设置颜色表示方法:

1、使用颜色单词表示:blue black skyblue.....

2、使用三基色表示:#0-255    红绿蓝三基色#FF0000红色 #00FF00绿色  #0000FF蓝色    当一个基色的两个数字一样的时候可以单写一个

3、color:rgb(n,n,n)红色255,0,0  ||绿色0,255,0||蓝色0,0,255  colorrgba(n,n,n,m)m代表透明度(0--1)透明--->不透明 

===========================================

css三种书写方式:

1、内嵌方式2、页面方式3、外联方式

推荐使用常见选择器:css选择器分下几种选择器:

1、基本选择id选择器 

             ①id选择器id#+id  id是唯一的

             ②class类选择器 .+class  class可以重复(是个标准的块标签)

             ③标签选择器:html中的标签可以作为选择器:例如 table  p  a lable  span.........

             ④通配符选择器:*通配符选择器 表示对整体进行样式设置。

             ⑤逗号选择器:,表示逗号选择器 可以几个标签可以同时进行样式设置

2、包含选择器(层级选择器)

     ①子代选择器 : >子代选择器 

     ②空格表示后代选择器后代选择器 

3、属性选择器 

       [属性选择器]{设置样式}

       [属性^="X"]{}表示对以X开头的标签进行样式设置

4、css3选择器(选学)伪类       

a:hover 【是:不是,】  a的伪类效果 表示鼠标放上去之后的效果color:redfont-size:20pxfont-weight:boldtext-decoration:underline  表示鼠标放上之后字体变红 字节为20号 加粗加下划线

================================================================

将^换成$则变为对以X结尾的标签进行样式设置将^换成*则变为对包含X的标签进行样式设置#id+.class表示对id后紧跟着的class进行样式设置font-weight:bold表示字体加粗 虚线da'shed  点线dotted 双线doubleline-height:上下居中  text-align:center左右居中text=decoration:none表示无下划线

#id:focus{}表示鼠标垫进去之后的样式

常见css样式:width height background border border-radius box-shadow text-shadow color opacity(透明度)margin padding  line-height text font display position

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • 一.基础知识 1.基本构成:选择符和声明,声明包括属性和值。 2.注释/*...*/ 3.在html中插入形式(离...
    三姨妈在简书阅读 515评论 0 0
  • div套路 一、 主体:body{margin0 px; padding 0 px} 二、 块级划分 三、 ...
    帆啊帆_阅读 474评论 1 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,596评论 18 139
  • 插入样式的三种方法 内联样式表(行内) 内部样式表(style中) 外部样式表创建一个外部样式表在head中使用l...
    Zd_silent阅读 250评论 0 0
  • 最近,一些创意公司和科技公司,如Google、Facebook在创新过程中开始广泛使用一种“问正确问...
    西西教练阅读 764评论 0 1