b s html模板,【B/S】HTML~CSS初识

小毛驴第一次接触web开发,就简单阐述一下自己的理解:

HTML:

HyperTextMarkupLanguage超文本标记语言:可以说网页的主体其实就是html。

它是一种规范:网页文件其实就是文本文件,html通过添加标识符,对文字,图片如何处显示进行标记,所以叫文本标记语言。

除此之外,html还可以设置超链接,有一种URL指针,点击可以链接到其他网站,所以才有了超文本标记语言

CSS:

Cascading Style Sheets层叠样式表:用来给html打辅助的

为了减少HTML的负担,就有了CSS

它可以更精确控制文字字号等样式以及颜色,网页中的元素位置排版进行像素级别的设计。

CSS~HTML

在html中进行的标记,为了方便CSS找到需要精确设计的地方

CSS通过使用“#”、“.”、“空格”识别找到对应的位置,进行编辑,下面详细举几个例子:

【id=" "】:

是一种名称指派,这里指派给content 用“#”连接,这个id有唯一性,不可再一个文件里重复使用

[在HTML中]:< div id="content"> < /div>

[在CSS中]: #content{ 这里是设计的样式 A}

【class=" "】:

进行名称指派,对于都需要round样式的元素都可以定义一个class 用”.“连接

它与id不同,它可以重复使用,可以和多种标记进行组合;如和id组合:

[在HTML中]:< div id="content" class="round"> < /div>

[在CSS中]:.round { 这里是设计的样式B } ——这里表示只要HTML中有round标识的都有 B样式

[在CSS中]:#content .round{这里是样式C}——这里表示在HTML中标记content下的round标识才有C样式

注意:这里#content 和.round之间有一个空格,这个空格表示层次关系,不可忽略 ,如果没有空格容易出现修改的格式不能显示的莫名其妙的错误

如果以上两种格式设置两个同时存在,就要有优先级:id选择器#>class选择器.>html标签选择器

【ul 和 li 】标签选择器:

[在HTML中]

  • 首页
  • 体育新闻

[在CSS中] : ul,li {/*项目列表样式D*/}——这里“,”表示两个ul和li是并列的关系,为所有有这个标识的添加上样式DD

【a】标签选择器:

[在HTML中]:  tg029logo.gif

[在CSS中]:a:link ,a:visited { /*鼠标未点的连接样式E*/}——这里“:”表示在link和visited状态下a标记的样式,冒号表示状态

HTML的不同含义的标签选择器

头——

内容——

尾——

文本设计

居中——

或者

...

换行——

标题——

空格——半角输入法状态下&nbsp 或 全角状态下的空格

序列号样式○—— 

表格——

;表头;单元格内

命名锚记

如同Home键,可以返回到顶部一样。

命名锚记,就是通过在想要跳转到的地方做一个标记,点击当前的引用标记,跳转到指定的地方。

例子:

点击我要评论跳到吧啦吧啦

`````````此处省略一万行

吧啦吧啦

小毛驴发现,当整理的时候,能了解更多,今天先整理到这里,之后会不断加深印象,欢迎交流!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值