成都网站建设设计

将想法与焦点和您一起共享

HTMLCSS笔记列表与表格-创新互联

加粗:
b strong
换行:

安全换行
倾斜:
i em
删除:
s del
下划线:
u ins
小号字体:
小号
上标:
1
下标:
2
添加双引号:
双引号
引用标题:
引用标题ppp
×××背景黑色字体
mark
时间 日期

超链接
target="_self _blank _parent _search _top"
锚点
第一章
第二章
第三章
一章用name或者id
二章
3章

十年的青海网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整青海建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“青海网站设计”,“青海网站推广”以来,每个客户项目都认真落实执行。

分组元素:
p div(通用分组) blockquote(展示引用) pre(展示格式化内容) hr ul(无序列表) ol(有序列表) dldtdd(生成说明列表) figure figcaption(使用插图)

表格元素:




//第二列背景为红色

//表头

//表尾

姓名年龄
Data5
共计

文档元素:


//组合标题

大标题


副标题

LOGO 


文档主题部分

//小模块




地址

版权声明 友情链接

嵌入元素:
图片
//视频
//进度条
//范围值

音频和视频:

//兼容设置

表单元素:






//autocomplete 记录上次提交的信息


分组





//搜索

//数字

苹果:
橘子:






全局属性:
//3秒刷新
//3秒跳转

CSS样式:
1.元素内嵌样式
2.文档内嵌样式
3.外部引用样式

样式优先级 从低到高
1.浏览器样式
2.外部引入样式(link)
3.文档内嵌样式(style元素)
4.元素内嵌样式(style属性)
5.强制优先级 !important

强制继承 b{border:inherit}

css选择器:
1.基本选择器
1.通用选择器:*{font-size:12px;}
2.元素选择器:p{color:red;}
3.ID选择器
4.类选择器
5.属性选择器
2.复合选择器
1.分组选择器:p,b,i{color:red}
2.后代选择器:p b{color:red}
3.子选择器:ul>li{color:red}
4.相邻兄弟选择器:p+b{color:red}
5.普通兄弟选择器:p~b{color:red}
3.伪元素选择器
1.块级首行:::first-line{color:red}
2.块级首字母:::first-letter{color:red;}
3.文本前插入:a::before{content:"点击"}
4.文本后插入:a::after{content:"请进"}
4.伪类选择器:
1.根元素选择器::root{color:red}
2.子元素选择器:ul>li:first-child{color:red}
3.系列:nth-child(n) nth-last-child(n)倒数
4.UI伪类选择器::enabled :disabled

a:link a:visited(点击之后) a:hover(悬停) a:active(点击不放)

更换字体 定义字体名称及位置 引用字体
@font-face {
font-family: 'abc';
src: url('BrushScriptStd.otf');
}

p {
font-size: 50px;
font-family: abc;
}

度量单位:

CSS边框与背景:
border: solid(实线) dashed(虚线) dotted(圆点线) double(双线边框最小3px) groove(槽线边框) inset(元素内容具有内嵌效果) outset(元素内容具有凸效果) ridge(嵴线边框) solid(实线边框)
border-radius:10px 20px 30px 40px;
background:transparent;(透明色 继承父类背景颜色)
background-img:url(test.png);
background-position:left bottom top right;(两两组合)
background-size:cover(放大缩放有可能超出) contain(等比例缩放);
background-attachment:scoll(背景一块滚动) fix(固定)
background:#ccc url(img.png) no-repeat top left / 100% border-box content-box;
body里面的底部背景图需要html定义高度100%

div{
color:red;
opacity:0.5;(0-1)
border:10px solid #ccc;
border-shadow:
}

box-shadow
HTML CSS笔记列表与表格
outline(外边框)
HTML CSS笔记列表与表格
光标样式
HTML CSS笔记列表与表格
CSS3 前缀
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
长度单位 rem
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
CSS 表格与列表
表格有五种独有样式,样式表如下:
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
列表样式:
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
HTML CSS笔记列表与表格
其他功能:
HTML CSS笔记列表与表格

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:HTMLCSS笔记列表与表格-创新互联
文章来源:http://chengdu.cdxwcx.cn/article/dspghj.html